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

Question

我正在使用 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,
  },
}

原文由 Alexandru Nutu 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

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

原文由 Manoj Verma 发布，翻译遵循 CC BY-SA 4.0 许可协议