之前写一个项目,一直放在谷歌浏览器调试测试,到尾声时放到IE浏览器结果直接白屏,页面打不开 找了网上的方法,加了babel-polyfill插件后还是不行,后来排查发现是打包插件出了问题,因为用的项目框架比较旧了,vue和webpack的版本都比较低.原始项目webpack配置 ...
在使用vue打包的时候页面显示空白,并且控制台不报错 设置vue router的时候mode设置为history模式了,这种模式要有后台的配合,一般还是使用哈希模式就不会出现页面空白了。 ...
2019-07-17 11:47 0 1739 推荐指数:
之前写一个项目,一直放在谷歌浏览器调试测试,到尾声时放到IE浏览器结果直接白屏,页面打不开 找了网上的方法,加了babel-polyfill插件后还是不行,后来排查发现是打包插件出了问题,因为用的项目框架比较旧了,vue和webpack的版本都比较低.原始项目webpack配置 ...
原因:打包后的dist目录下的文件引用路径不对,会因找不到文件而报错导致白屏。 解决办法:修改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开肯定是空白的。先看一下默认的路径 ...
在使用vue-cli 4.0的时候,npm run build的后,打开dist文件夹,打开index.html后,页面空白,控制台报错。如下图: 解决办法: 在项目中添加vue.config.js文件,内容如下: 第一次尝试: 打包报错: ERROR ...
打包完后出现空白页 修改:config 文件下的 index.js,大概在46行左右 原:assetsPublicPath:'' 改:assetsPublicPath:'./' Element-UI 图标不显示 修改:build 文件夹下的 utils.js,大概在51行左右 ...
前几天写一个项目,临时需要打包出一个html文件,用 npm run build 命令打包以后发现index.html打开以后页面是空白的,出现这样的报错: 报这个错的原因其实是生成的index.html文件中引入的文件路径出现问题,需要修改 publicPath 我就去 ...
在config/index.js中的build命令的配置有一个属性叫assetsPublicPath,它的值为‘/’。意思是根目录,这时会从index.html所在的硬盘的根目录下开始查找,自然无法找 ...
最近在build打包vue项目遇到了几个问题,如下: 1、npm run build打包项目之后,我们通常是把dist文件里面被压缩后的static文件跟index.html提交到服务器,但最近发现直接打开index.html页面是空白的,还会报几个错,找不到页面路径。 原因:找到config ...