TypeError: this.addChunk is not a function
来源:3-5 webpack对脚本和样式的处理

慕丝7386281
2019-05-04
在webstorm 里面根据课程一步一步来,写到这里 plugins: [
// 独立通用模块到js/base.js
new webpack.optimize.CommonsChunkPlugin({
name : ‘common’,
filename : ‘js/base.js’
})
]
时 使用webpakc命令后 报错
\myStudy\mall-fe\node_modules\webpack\lib\optimize\CommonsChunkPlugin.js:59
chunk = this.addChunk(chunkName);
^
TypeError: this.addChunk is not a function
at E:\myStudy\mall-fe\node_modules\webpack\lib\optimize\CommonsChunkPlugin.js:59:20
at Array.map ()
at E:\myStudy\mall-fe\node_modules\webpack\lib\optimize\CommonsChunkPlugin.js:54:42
at SyncBailHook.eval [as call] (eval at create (C:\Users\steven.zhu\AppData\Roaming\npm\node_modules\webpack\node_modules\tapable\lib\HookCodeFactory.js:19:10), :7:16)
at SyncBailHook.lazyCompileHook (C:\Users\steven.zhu\AppData\Roaming\npm\node_modules\webpack\node_modules\tapable\lib\Hook.js:154:20)
at Compilation.seal (C:\Users\steven.zhu\AppData\Roaming\npm\node_modules\webpack\lib\Compilation.js:1241:30)
at compilation.finish.err (C:\Users\steven.zhu\AppData\Roaming\npm\node_modules\webpack\lib\Compiler.js:625:18)
at hooks.finishModules.callAsync.err (C:\Users\steven.zhu\AppData\Roaming\npm\node_modules\webpack\lib\Compilation.js:1171:4)
at AsyncSeriesHook.eval [as callAsync] (eval at create (C:\Users\steven.zhu\AppData\Roaming\npm\node_modules\webpack\node_modules\tapable\lib\HookCodeFactory.js:33:10), :24:1)
at AsyncSeriesHook.lazyCompileHook (C:\Users\steven.zhu\AppData\Roaming\npm\node_modules\webpack\node_modules\tapable\lib\Hook.js:154:20)
at Compilation.finish (C:\Users\steven.zhu\AppData\Roaming\npm\node_modules\webpack\lib\Compilation.js:1163:28)
at hooks.make.callAsync.err (C:\Users\steven.zhu\AppData\Roaming\npm\node_modules\webpack\lib\Compiler.js:622:17)
at _done (eval at create (C:\Users\steven.zhu\AppData\Roaming\npm\node_modules\webpack\node_modules\tapable\lib\HookCodeFactory.js:33:10), :9:1)
at _err1 (eval at create (C:\Users\steven.zhu\AppData\Roaming\npm\node_modules\webpack\node_modules\tapable\lib\HookCodeFactory.js:33:10), :32:22)
at _addModuleChain (C:\Users\steven.zhu\AppData\Roaming\npm\node_modules\webpack\lib\Compilation.js:1095:12)
at processModuleDependencies.err (C:\Users\steven.zhu\AppData\Roaming\npm\node_modules\webpack\lib\Compilation.js:1007:9)
at process._tickCallback (internal/process/next_tick.js:61:11)
3回答
-
慕丝7386281
提问者
2019-05-04
已经解决,是因为 webstorm 编辑器下面要使用项目环境,必须要 用npm run webpack ,如果不加npm run 会使用4.xd的webpack 去编译
012019-05-04 -
Rosen
2019-05-04
先检查一下各个插件的版本,可能是冲突了
00 -
慕丝7386281
提问者
2019-05-04
DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
E:\myStudy\mall-fe\node_modules\webpack\lib\optimize\CommonsChunkPlugin.js:59
chunk = this.addChunk(chunkName);
00
相似问题