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

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

![img](https://imzdx.top/usr/uploads/2021/08/2230412066.png)

解决办法:

在项目中添加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

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

Last modification:August 26, 2021
如果觉得我的文章对你有用,请随意赞赏