最近接手公司前端外包出去的的項目,然后在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搭建的項目,所以卡住了。希望跟我遇到一樣問題的不用像我一樣被卡住那么久。
本文轉自:https://www.cnblogs.com/liuxinheng/articles/10125413.html?from=singlemessage