vue-cli 4.0 中打包后，页面空白，路径错误。打包报错：baseUrl is not allowed

在使用vue-cli 4.0的时候，npm run build的后，打开dist文件夹，打开index.html后，页面空白，控制台报错。如下图：

 

解决办法：

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

第一次尝试：

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

打包报错：

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

第二次尝试：

module.exports = {
 publicPath: process.env.NODE_ENV === 'production'
    ? './'
    : '/'
}

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

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

年轻的时候啊，都以为人生很长，其实人生很短，最棒的是不后悔，最难的是不遗憾。