【vue新人求救】vue一直打包出错
发布于 2 个月前 作者 banyungong 269 次浏览 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

【vue新人求救】vue一直打包出错,提示:We’re sorry but vue2 doesn’t work properly without JavaScript enabled. Please enable it to continue.

刚刚接触vue,想用vue做一个小的展示数据的项目,但是安装完vue后

npm install -g @vue/cli

创建项目

vue create vuetest
cd vuetest
vue serve
// 到这里都正常,下面这个就报错了
yarn build

vue serve是正常的,可以打开http://localhost:8080,但是yarn build后是打不开dist/index.html的.
打包 yarn build,然后在dist下index.html内容如下:

<!DOCTYPE html>
<html lang=en>

<head>
    <meta charset=utf-8>
    <meta http-equiv=X-UA-Compatible content="IE=edge">
    <meta name=viewport content="width=device-width,initial-scale=1">
    <link rel=icon href=/favicon.ico> <title>vue2</title>
    <link href=/css/app.e2713bb0.css rel=preload as=style>
    <link href=/js/app.120e4356.js rel=preload as=script>
    <link href=/js/chunk-vendors.e5bd9586.js rel=preload as=script>
    <link href=/css/app.e2713bb0.css rel=stylesheet>
</head>

<body><noscript><strong>We're sorry but vue2 doesn't work properly without JavaScript enabled. Please enable it to
            continue.</strong></noscript>
    <div id=app></div>
    <script src=/js/chunk-vendors.e5bd9586.js> </script> <script src=/js/app.120e4356.js> </script> </body> </html>

这个报错如何解决呢?
百度了1天都不知道怎么解决,不会打包vue,导致不敢开工。
有人也遇到这个报错嘛?
We're sorry but vue2 doesn't work properly without JavaScript enabled. Please enable it to continue.请问怎么解决呢?

12 回复

我是直接按照官网建的vue create,然后打包的

谢谢,学会了,原来打包是成功了,只是被那个报错吓到了,放在nodejs服务器上就可以正常打开了,虽然还是一样的内容。

建了一个nodejs的服务器,打开后正常了,谢谢,原来html里面还是有那个报错提示,但是可以正常打开了。

打包之后直接打开是有问题的,用node创建一个服务器放进去打开就正常了

你怎么打开 dist/index.html

hh-yinian:

找了好久不知道该怎么改

是的,原来那个报错是可以不用理会的。我也被吓到了,以为一直没打包成功。

装一个anywhere就可以啦

你好,这个放到服务器里面是正常的吗?我也是有这个报错的,找了好久不知道该怎么改

怕不是直接双击打开的 index.html

需要在服务器环境下访问的,不能直接打开的

我是用vscode打开 dist/index.html 的,在浏览器里面是空的报错

回到顶部