webpack3+和extract-text-webpack-plugin 時遇到 Cannot read property 'thisCompilation' of undefined 錯誤


最近接手公司前端外包出去的的項目,然后在npm run build的時候遇到了兩個問題。

第一點是  A complete log of this run can be found in:
npm ERR!     C:\Users\90422\AppData\Roaming\npm-cache\_logs\2018-04-28T09_26_42_435Z-debug.log

這個問題很簡單,主要是npm自己報錯了,更新npm 即可。(奇怪的只是這個項目需要這樣,其他項目並沒有這個問題,所以還需要查查原因)

命令為:npm i -g npm to update


第二點是更新完npm之后再次運行npm run build 發現還有報錯,錯誤如下:

node_modules\extract-text-webpack-plugin\dist\index.js:183
    compiler.hooks.thisCompilation.tap(plugin, compilation => {
                   ^

TypeError: Cannot read property 'thisCompilation' of undefined

at ExtractTextPlugin.apply (D:\OA\node_modules\extract-text-webpack-plugin\dist\index.js:183:20)

 

網上百度了一下並沒有解決方案,只有大部分報錯叫更新一下extract-text-webpack-plugin

然后我看了一下給到我手的package.json發現版本是@4.0.0-beta,但大概可以猜到可能就是這個問題了,就動手解決

先卸載執行 npm uninstall --save-dev extract-text-webpack-plugin

再安裝 npm install --save-dev extract-text-webpack-plugin

一定要記得先卸載再安裝,不然裝不上的哦!

之前開發並沒有接觸多少webpack搭建的項目,所以卡住了。希望跟我遇到一樣問題的不用像我一樣被卡住那么久


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM