記錄webpack使用報錯
版本號問題
運行npm run build，報錯
“UnhandledPromiseRejectionWarning: TypeError: this.getResolve is not a function”
原因是loader版本過高，這里我主要修改package.json中的css-loader版本值，url-loader值，less-loader值和file-loader值，具體情況各異。

修改css-loader版本值為2.0.2，
less-loader值為4.1.0，
url-loader值為1.1.2，
file-loader值為3.0.1，

file-loader加載大圖片時，需要配置webpack.config.js里的output
添加屬性 publicPath: ‘dist/’

運行npm install 重新安裝
再次運行npm run build成功
webpack打包成功

圖片顯示成功

更新記錄
打包html文件，安裝html-webpack-plugin,
運行npm install html-webpack-plugin --save-dev
運行npm run build
報錯TypeError: Cannot read property ‘make’ of undefined
一如既往的版本問題，
默認安裝的是最新版本的html-webpack-plugin

修改版本號為3.2.0
運行npm install html-webpack-plugin@3.2.0 --save-dev

運行npm run build

打包成功

這個webpack版本號問題
不得不吐槽，高版本反而支持不了
npm install node-sass@4.9.2
sass-loader7.2.0

使用webpackMerge合并配置文件
webpack報錯TypeError: webpackMerge is not a function
解決辦法，在webpackMerge后加上一個.merge

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的记录webpack使用问题，使用报错“UnhandledPromiseRejectionWarning，file-loader图片过大，无法加载图片，打包html文件报错TypeError的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。