javascript - 如何解决 noscript - 在为 Vue 应用程序提供服务时，如果没有启用 JavaScript，则无法正常工作

Question

我正在使用 Vue UI 界面设置一个新的 Vue.JS 应用程序。 当我使用 vue serve src/App.vue 启动应用程序时，应用程序启动但它只在页面中显示默认的 Home |关于。 当我检查 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 在本地主机上启动，但我找不到打开它的方法。我对应用程序文件所做的唯一更改只是为了让应用程序在 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,
  },
}

Answer 1

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

它是那些未启用 javascript 的浏览器的默认文本，所以根本不用担心。

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