Programing

사용 중지 경고:태핑 가능.플러그인이 더 이상 사용되지 않음..hooks에 새 API를 대신 사용

c10106 2022. 4. 2. 09:34
반응형

사용 중지 경고:태핑 가능.플러그인이 더 이상 사용되지 않음..hooks에 새 API를 대신 사용

Vuetify VueJS Cordova 예제를 실행하려고 했지만 이후에 오류가 발생함npm run dev

노드 빌드/dev-server.js

개발 서버를 시작하는 중... 사용 경고 (node:1024) 사사추세츠 주(州) 지만 지고: 태피블(태핑 가 가.은 더 사용되지 않는다플러그인이 더 이상 사용되지 않음.새 API 에서 새 .hooks Warning:maude(node:1024) approperty.tapable.appy는 applugin하며, 대신 approgramme은 approprogrammed on 에 적용한다.

어떻게 고칠까?나는 이미 NPM 패키지를 모두 업데이트했지만, 도움이 되지 않았다.

웹팩 4 이상에서는 이러한 경고를 유발할 수 있는 플러그인이 여러 개 있는데, 이들은 여전히 이전 플러그인 API를 사용하고 있기 때문에 업그레이드해야 하기 때문이다.경고를 유발하는 플러그인을 찾으려면 웹 팩 구성 파일의 맨 위에 다음을 두십시오.

process.traceDeprecation = true

다음과 같은 상세한 스택 추적을 볼 수 있다.

 (node:10213) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
   at FriendlyErrorsWebpackPlugin.apply (./node_modules/friendly-errors-webpack-plugin/src/friendly-errors-plugin.js:39:14)
   at webpack (./node_modules/webpack/lib/webpack.js:37:12)
   at processOptions (./node_modules/webpack-cli/bin/webpack.js:436:16)
   at <anonymous>
   at process._tickCallback (internal/process/next_tick.js:160:7)
   at Function.Module.runMain (module.js:703:11)
   at startup (bootstrap_node.js:193:16)
   at bootstrap_node.js:617:3

이 경우에 그것은 의미가 있다.friendly-errors-webpack-plugin경고의 책임이 있다.

또는 노드 프로세스를 실행하여--trace-deprecation깃발을 꽂다

패키지 관리자를 사용하여 어떤 플러그인으로 인해 경고 업그레이드가 발생하는지 확인한 후 경고가 사라져야 함:

npm update friendly-errors-webpack-plugin

이 경고와 같이 사용 중지 경고를 완전히 억제하지 않으려면(권장하지 않음)process.noDeprecation = true

사용 중지 메시지:

사용 중지 경고:tapable.apply는 더 이상 사용되지 않음대신 플러그인에 직접 호출 적용
사용 중지 경고:태핑 가 가.은 더 사용되지 않는다플러그인이 더 이상 사용되지 않음.새 API 에서 새 .hooks대신에

단지 경고일 이다.

이 메시지를 접하는 모든 사용자를 위한 간단한 요약.

이게 무슨 메세지야?

웹 팩 4는 새로운 플러그인 시스템을 사용하고 있으며 이전 API를 더 이상 사용하지 않는다.2가지 새로운 경고가 있다.

DeprecationWarning: Tapable.apply is deprecated. Call apply on the plugin directly instead
DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead

이것들은 경고다.그것들은 사용자들에게 구식 API를 사용하고 있으며 최신 API로 마이그레이션해야 한다는 것을 알리기 위해 콘솔로 출력된다.

이 경고들은 얼마나 나쁜가?

그것들은 단지 텍스트 정보일 뿐 오류가 아니다. 팩의 다음 주 버전으로 업데이트해야 할 때까지 를 무시할 수 있다.

그러니 네가 가지고 있거나 해야 할 일은 없어.


그 외에도 다음과 같은 오류를 수신하고 있다고 믿는다.

/tmp/my-project> npm run dev

> my-project2@1.0.0 dev /tmp/my-project/my-project
> node build/dev-server.js

> Starting dev server...
(node:29408) DeprecationWarning: Tapable.plugin is deprecated. Use new API on `.hooks` instead
(node:29408) DeprecationWarning: Tapable.apply is deprecated. Call apply on the plugin directly instead
/tmp/my-project/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 /tmp/my-project/node_modules/html-webpack-plugin/lib/compiler.js:81:51
    at compile (/tmp/my-project/node_modules/webpack/lib/Compiler.js:242:11)
    at hooks.afterCompile.callAsync.err (/tmp/my-project/node_modules/webpack/lib/Compiler.js:487:14)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/tmp/my-project/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:15:1)
    at AsyncSeriesHook.lazyCompileHook [as _callAsync] (/tmp/my-project/node_modules/tapable/lib/Hook.js:35:21)
    at compilation.seal.err (/tmp/my-project/node_modules/webpack/lib/Compiler.js:484:30)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/tmp/my-project/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook [as _callAsync] (/tmp/my-project/node_modules/tapable/lib/Hook.js:35:21)
    at hooks.optimizeAssets.callAsync.err (/tmp/my-project/node_modules/webpack/lib/Compilation.js:966:35)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/tmp/my-project/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook [as _callAsync] (/tmp/my-project/node_modules/tapable/lib/Hook.js:35:21)
    at hooks.optimizeChunkAssets.callAsync.err (/tmp/my-project/node_modules/webpack/lib/Compilation.js:957:32)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/tmp/my-project/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:6:1)
    at AsyncSeriesHook.lazyCompileHook [as _callAsync] (/tmp/my-project/node_modules/tapable/lib/Hook.js:35:21)
    at hooks.additionalAssets.callAsync.err (/tmp/my-project/node_modules/webpack/lib/Compilation.js:952:36)
    at AsyncSeriesHook.eval [as callAsync] (eval at create (/tmp/my-project/node_modules/tapable/lib/HookCodeFactory.js:24:12), <anonymous>:6:1)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! my-project@1.0.0 dev: `node build/dev-server.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the my-project@1.0.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

업데이트해야 함html-webpack-plugin최신 버전으로:

npm install --save-dev html-webpack-plugin@3

그리고 그 오류는 사라져야 한다.

나는 같은 문제에 직면하고 있었다.이 명령을 사용하여 해결됨:-

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

NPM 6.4.1
Node 10.9.0
Webpack 4.22.0 

나는 웹팩-dev-server를 두 번 실행하려고 시도했을 때 이 문제에 부딪쳤다. 하나는 터미널에서, 다른 하나는 터미널에서 실행하려고 시도했다.하나만 실행하면 문제가 해결되었다.

나의 경우, 사용불가 통지는 에 의해 제기되었다.webpack-md5-hash꾸러미

내 경우는 웹팩 청소 플러그인에 문제가 있었다.나는 이 플러그인을 클린 셀프 웹팩 플러그인으로 교체한 후 고쳤다.

참조URL: https://stackoverflow.com/questions/49942558/deprecationwarning-tapable-plugin-is-deprecated-use-new-api-on-hooks-instea

반응형