问题背景:
弄好了vue项目,想打包成dist,运行npm run build
的时候报错如下:
问题说明:
首先,npm run build
失败的原因大部分都是因为webpack的子库和webpack的版本号不对应的问题
根据你自己项目的不同,有不同程度的不兼容问题。比如我上面的问题中,显示是"optimize-css-assets-webpack-plugin"这个字库有问题。
有什么问题呢?一般就是版本不兼容的问题。我们找到package.json这个文件然后看一个这个库的版本号,发现是5.0.3,而我当前webpack的版本是3.6.0.
然后进入到这个库的官方文档中,可以发现下面的说明:
也就是说我现在的webpack是3.6.0的,就需要使用3.2.0的optimize-css-assets-webpack-plugin。
解决方式:
哪个库出了问题,就在这个库对应的官网看看这个库和webpack版本号兼不兼容。
然后在package.json中调整这个库的版本:
最后输入npm install
重新下载一下库,再使用npm run build
,就可以了: