原因:打包后的dist目录下的文件引用路径不对,会因找不到文件而报错导致白屏。 解决办法:修改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开肯定是空白的。先看一下默认的路径。 build: env: require . prod.env , index: path.resolve dirna ...
2019-04-13 11:46 0 1635 推荐指数:
第一个:vue项目打包部署后页面是空白的 因为index.html里边的内容都是通过script标签引入的,而你的路径不对,打开是空白的。 解决办法:config文件夹下的index.js文件的build中assetsPublicPath assetsPublicPath默认 ...
新建一个项目,使用vue-cli 3.0进行构建,使用了vux和vue-router,本地运行时是没有问题的,但是在打包之后,页面就一片空白,打开控制台会看到是各种资源引用出错。 这是因为webpack的配置不对,只需要将webpack的配置修改一下就好。 vue-cli 3.0 内置 ...
之前写一个项目,一直放在谷歌浏览器调试测试,到尾声时放到IE浏览器结果直接白屏,页面打不开 找了网上的方法,加了babel-polyfill插件后还是不行,后来排查发现是打包插件出了问题,因为用的项目框架比较旧了,vue和webpack的版本都比较低.原始项目webpack配置 ...
在config/index.js中的build命令的配置有一个属性叫assetsPublicPath,它的值为‘/’。意思是根目录,这时会从index.html所在的硬盘的根目录下开始查找,自然无法找 ...
使用 vue-cli 打包完后项目出现空白页面的原因就是项目中使用到了相对路径,解决的办法也是非常简单,将config/index.js 中的 assetsPublicPath 修改为空 ‘’,默认值为 ‘/’。 ...
Vue项目打包后,部署在服务器,访问页面出现空白一片 "好一似,食尽鸟投林,只剩下白茫茫大地,倒也真干净!" '' Vue项目打包后,部署在服务器,访问页面出现空白一片, 到也真干净 ...
我用vue开发的一个小项目,项目开发出雏形,想打包一下放测试,但是我想放测试前自己检查一下经过npm run build打包生成的项目,在本地服务器能不能正常跑,于是,经过网上大哥的帮忙,写了个简易的koa服务器,将打包好的dist文件,放到了服务器上。 说一下我的dist文件的结构,dist ...