问题背景:
弄好了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,就可以了:

本文详细解析了在使用npm run build打包Vue项目时遇到的webpack版本与子库optimize-css-assets-webpack-plugin版本不兼容的问题。通过调整子库版本并重新安装,成功解决了打包错误。
1364

被折叠的 条评论
为什么被折叠?



