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 去编译

0
1
Rosen
那就是全局的webpack版本要换一下了
2019-05-04
共1条回复

Rosen

2019-05-04

先检查一下各个插件的版本,可能是冲突了

0
0

慕丝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);


0
0

真实数据对接 从0开发前后端分离的企业级上线项目

【毕设项目精品】前端实战,对接真实服务端数据,开发完整项目

4268 学习 · 4120 问题

查看课程