首页 > 解决方案 > 如何解决 noscript - 在为 Vue 应用程序提供服务时,如果没有启用 JavaScript,则无法正常工作

问题描述

我正在使用 Vue UI 界面设置一个新的 Vue.JS 应用程序。当我使用vue serve src/App.vue应用程序启动应用程序时,它只在页面中显示默认的Home | About. 当我检查 HTML 中的页面时,我看到:

<noscript>
      <strong>We're sorry but basicapp doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>

在控制台中我看到

[Vue warn]: Unknown custom element: <router-link> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <App> at src/App.vue
       <Root>

我正在使用运行 Vue UI 时创建的基本应用程序

我正在使用运行 Vue UI 时创建的基本应用程序如果我使用vue ui命令运行应用程序,然后从 Vue UI 启动应用程序,它就可以工作。

我想使用命令行打开应用程序的原因是在 Cloud9 中我想测试应用程序的 vue ui 在 localhost 上启动,我找不到打开它的方法。我对应用程序文件所做的唯一更改只是为了使应用程序在 Cloud9 容器中运行:更改了package.json添加的:

"dev": "webpack-dev-server --inline --progress --port 8080 --host 0.0.0.0 --config vue.config.js --public $C9_HOSTNAME",

创建vue.config.js并添加:

module.exports = {
  devServer: {
    compress: true,
    disableHostCheck: true,
  },
}

标签: javascriptvue.jsconfigurationcloud9-ide

解决方案


经过 2.5 天的搜索,我发现 index.html 中的内容( 很抱歉,如果没有启用 JavaScript,basicapp 无法正常工作。请启用它以继续。实际上不是错误

它是那些没有启用 javascript 的浏览器的默认文本,所以根本不用担心这个。

要在开发模式下运行您的应用程序,您可以使用 Yarn serve 命令。如果您想构建您的应用程序,那么毫无疑问地使用 yarn/npm build 并配置/使用 dist 文件夹中的 index.html。


推荐阅读