사용 중지 경고:태핑 가능.플러그인이 더 이상 사용되지 않음..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
꾸러미
내 경우는 웹팩 청소 플러그인에 문제가 있었다.나는 이 플러그인을 클린 셀프 웹팩 플러그인으로 교체한 후 고쳤다.
'Programing' 카테고리의 다른 글
반응 후크 - 여러 가지 사용 상태 후크를 테스트하는 방법 (0) | 2022.04.02 |
---|---|
"Uncaught TypeError: 정의되지 않은 속성 '유형'을 읽을 수 없으며, 관련 내용이 명확하지 않음 (0) | 2022.04.02 |
Redex 및 라우터 - 서버 렌더링으로 응답 (0) | 2022.04.02 |
값을 직접 가져오거나 설정하는 대신 게터 및 돌연변이를 사용해야 하는 이유 (0) | 2022.04.01 |
화기장이란 무엇인가.분석웹 앱의 기본 로깅된 이벤트? (0) | 2022.04.01 |