当前位置:   article > 正文

vue-cli 4.0 中打包后,页面空白,路径错误。打包报错:baseUrl is not allowed_vue 打包丢失baseurl

vue 打包丢失baseurl

在使用vue-cli 4.0的时候,npm run build的后,打开dist文件夹,打开index.html后,页面空白,控制台报错。
解决办法:

在项目中添加vue.config.js文件,内容如下:

第一次尝试:

 module.exports = {
   baseUrl: process.env.NODE_ENV === 'production'
     ? './'
     : '/'
 }
  • 1
  • 2
  • 3
  • 4
  • 5

打包报错:

ERROR Invalid options in vue.config.js: “baseUrl” is not allowed

第二次尝试:

module.exports = {
 publicPath: process.env.NODE_ENV === 'production'
    ? './'
    : '/'
}
  • 1
  • 2
  • 3
  • 4
  • 5

这边有一个坑,在vue-cli.3.3版本后 baseUrl被废除了,因此这边要写成 publicPath

打包成功!路径正确!页面显示正常!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/338640
推荐阅读
相关标签
  

闽ICP备14008679号