错误记录:(node:3056) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead

在使用Webpack自动化打包器时,遇到(node:3056)DeprecationWarning错误,文章详细介绍了错误的原因及解决方案,涉及到Node.js版本要求,npm安装配置,以及使用extract-text-webpack-plugin@next解决此问题。

错误记录:
在git窗口运行webpack命令时,报错:
(node:3056) DeprecationWarning: Tapable.plugin is deprecated. Use new API on .hooks instead。

前提:
webpack自动化打包器:
----主要针对前端流行的单页面应用
是基于Node和NPM的,所以在安装使用webpack之前,需要安装nodejs,nodejs的版本过低也是不行,所以锐减安装nodejs版本为v8.11.2以上,npm版本为v5.6.0以上。

解决:
当时只觉得是node_module包错了,可能网速不好,在下载时丢包了,删了重下,在下载好几次后觉得情况不对,然后百度了一下,有人说是版本问题,
需要在加载一个东西:
cnpm i extract-text-webpack-plugin@next -D
再一次运行webpack时就可以加载了。

操,根据你的提示操作,现在报错(node:11716) Warning: Accessing non-existent property 'cat' of module exports inside circular dependency (Use `node --trace-warnings ...` to show where the warning was created) (node:11716) Warning: Accessing non-existent property 'cd' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'chmod' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'cp' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'dirs' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'pushd' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'popd' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'echo' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'tempdir' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'pwd' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'exec' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'ls' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'find' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'grep' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'head' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'ln' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'mkdir' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'rm' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'mv' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'sed' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'set' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'sort' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'tail' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'test' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'to' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'toEnd' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'touch' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'uniq' of module exports inside circular dependency (node:11716) Warning: Accessing non-existent property 'which' of module exports inside circular dependency (node:11716) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead (node:11716) DeprecationWarning: Tapable.apply is deprecated. Call apply on the plugin directly instead D:\code\Java_Code\car-website\car-admin\node_modules\html-webpack-plugin\lib\compiler.js:81 var outputName = compilation.mainTemplate.applyPluginsWaterfall('asset-path', outputOptions.filename, { ^ TypeError: compilation.mainTemplate.applyPluginsWaterfall is not a function at D:\code\Java_Code\car-website\car-admin\node_modules\html-webpack-plugin\lib\compiler.js:81:51 at D:\code\Java_Code\car-website\car-admin\node_modules\webpack\lib\Compiler.js:306:11 at D:\code\Java_Code\car-website\car-admin\node_modules\webpack\lib\Compiler.js:631:15 at AsyncSeriesHook.eval [as callAsync] (eval at create (D:\code\Java_Code\car-website\car-admin\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1) at AsyncSeriesHook.lazyCompileHook (D:\code\Java_Code\car-website\car-admin\node_modules\tapable\lib\Hook.js:154:20) at D:\code\Java_Code\car-website\car-admin\node_modules\webpack\lib\Compiler.js:628:31 at AsyncSeriesHook.eval [as callAsync] (eval at create (D:\code\Java_Code\car-website\car-admin\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1) at AsyncSeriesHook.lazyCompileHook (D:\code\Java_Code\car-website\car-admin\node_modules\tapable\lib\Hook.js:154:20) at D:\code\Java_Code\car-website\car-admin\node_modules\webpack\lib\Compilation.js:1325:35 at AsyncSeriesHook.eval [as callAsync] (eval at create (D:\code\Java_Code\car-website\car-admin\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:6:1) at AsyncSeriesHook.lazyCompileHook (D:\code\Java_Code\car-website\car-admin\node_modules\tapable\lib\Hook.js:154:20) at D:\code\Java_Code\car-website\car-admin\node_modules\webpack\lib\Compilation.js:1316:32 at eval (eval at create (D:\code\Java_Code\car-website\car-admin\node_modules\tapable\lib\HookCodeFactory.js:33:10), <anonymous>:11:1) at D:\code\Java_Code\car-website\car-admin\node_modules\terser-webpack-plugin\dist\index.js:286:9 at TaskRunner.run (D:\code\Java_Code\car-website\car-admin\node_modules\terser-webpack-plugin\dist\TaskRunner.js:37:7) at TerserPlugin.optimizeFn (D:\code\Java_Code\car-website\car-admin\node_modules\terser-webpack-plugin\dist\index.js:201:18) npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! vueadmin@1.0.5 dev: `node build/dev-server.js` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the vueadmin@1.0.5 dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\LD\AppData\Roaming\npm-cache\_logs\2025-08-22T09_05_54_191Z-debug.log
最新发布
08-23
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值