如何解决 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 在本地主机上启动，但我找不到打开它的方法。我对应用程序文件所做的唯一更改只是为了使应用程序在 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 的浏览器的默认文本，因此完全不用担心这一点。

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

Answer 2

我发现了问题。要启动应用程序，您需要运行命令npm run serve。在 Cloud9 容器和我的本地计算机上运行良好。