vue首屏白屏原因

vue首屏白屏原因大概有以下三点:

第一,由于把路由模式mode设置成history了,默认是hash
解决方法:
改为hash或者直接删除模式配置,如果非要用的话,在服务端加一个覆盖所有情况的候选资源。

第二,打包后的dist目录下的文件引用路径不对,因找不到文件而报错导致白屏
解决方法:
修改config下面index.js的模块导出路径。

第三,在项目中使用了es6语法,一些浏览器不支持es6,造成编译错误不能解析而造成白屏
解决方法:
安装Babel ,Babel 会把这些新语法转译成较低版本的代码。

npm install --save-dev @babel/core @babel/cli @babel/preset-env

猜你喜欢

转载自blog.csdn.net/Quentin0823/article/details/126180782
今日推荐