我正在使用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,
},
}
答案 0 :(得分:1)
搜索2.5天后,我发现index.html( 很抱歉,如果不启用JavaScript,basicapp无法正常运行。请启用它以继续。 )实际上不是错误。
对于那些未启用javascript的浏览器,这是默认文本,因此请不要担心。
要在开发人员模式下运行应用程序,可以使用Yarn serve命令。如果要构建应用程序,则可以毫无疑问地使用yarn / npm build并配置/使用dist文件夹中存在的index.html。
答案 1 :(得分:1)
将端口从8080更改为8081,对我有用。我打开了另一个端口为8080的程序。可能会导致哈希冲突
答案 2 :(得分:1)
这种情况是在我不小心将Web目录设置为/public
而不是/dist
目录时发生的。在我将应用程序的根目录更改为指向我的Nginx设置中的/dist
目录之后,它工作正常。
server {
listen 443 ssl http2;
listen [::]:443 ssl http2;
server_name mydomain.com;
root /path/to/my/website/dist;
# other settings below...
}
答案 3 :(得分:1)
您需要禁用adblocker或在隐身模式下运行
答案 4 :(得分:1)
Vue 的构建目录 dist 旨在由 HTTP 服务器提供服务。使用 npm 的 serve 包为文件夹提供服务。
下载使用
npm install -g serve
并使用
serve -s
当在 dist 文件夹中或提供 dist 文件夹的路径
serve -s path/to/dist
答案 5 :(得分:0)
我发现了问题。
要启动该应用程序,您需要运行命令npm run serve
。在Cloud9容器以及我的本地计算机上都能很好地工作。
答案 6 :(得分:0)
我有同样的问题,但我不使用 http://127.0.0.1:8080 我使用 ip private http://192.168.100.74:8080/ 并且成功了!!! 注意:使用你的ip
我的端口 8080 或 mi ip 有问题
答案 7 :(得分:0)
令人惊讶的是,通过对根文件夹执行 chmod 解决了这个问题。
我用过这个:
sudo chmod -R 775 path/to/root/folder
答案 8 :(得分:-3)
'很抱歉,如果没有启用JavaScript,basicapp无法正常运行。请启用它以继续。'
在没有javascript的情况下打开浏览器时将显示此消息:D 当您想查看它时,应该禁用浏览器中的Javascript