webpack编译过程中的报错汇总

1、全局webpack安装环境和本地环境不一致:

运行webpack -v 时,查看当前版本是4.14.0(在写上篇博客时升级了全局安装环境),

打开package.json,查看当前配置的webpack的版本,在现项目是3.0.0,运行编译命令webpack会报如下错误:

compiling(node:15460) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead,更详细的见截图:

解决方案:

全局安装环境降级至和项目环境一样的版本,再运行编译命令,就能编译成功了

npm install [email protected] -g

2、extract-text-webpack-plugin的版本和webpack不对应

扫描二维码关注公众号,回复: 2994204 查看本文章

在配置从JS中提取CSS文件的时候,运行编译命令,报

 chunk.sortModules();
                  ^

TypeError: chunk.sortModules is not a function,更多出错信息:

查了下package.json,extract-text-webpack-plugin的版本号是3.0.2,而webpack的版本号是3.0.0,webpack升级到3.10.0就解决了。

3、throw new Error("Chunk.entrypoints: Use Chunks.addGroup instead");

这是在配bisheng框架的时候报错的,同环境下运行webpack没有报这个错误,更多错误详情:

出现这个问题了,那基本上你用的webpack版本一定是4.0.0以上的了。

解决方案:

npm install --save-dev extract-text-webpack-plugin@next

猜你喜欢

转载自blog.csdn.net/jean850218/article/details/81334990