1. 程式人生 > >webpack 打包時 安裝的模版不相容問題

webpack 打包時 安裝的模版不相容問題

1,webpack一入手就踩坑,打包時,各種報錯,程式碼檢查後正常,安裝模版的時候都是最新版本,但是各模板最新的版本之間相容卻有問題,必須將某些模板降低版本。當時安裝的最新版本如下圖

2,npm run dev 後,先是報了 babel 的錯誤 “ Error: Cannot find module '@babel/core'  ”,錯誤資訊還算詳細,直接說了babel-loader要換成7的版本,於是解除安裝babel-loader,安裝低版本 。

npm uninstall babel-loader
npm install [email protected] -D

3,再次執行後,提示要安裝webpack-cli,安裝後,依然報錯,錯誤資訊與webpack-dev-server有關,於是將webpack和webpack-dev-server 來回試了幾個版本,終於成功,報錯資訊和打包編譯成功的資訊如下圖,供大家參考,如果其它版本匹配編譯成功的,請在評論裡分享,讓大家少踩坑。

(webpack-cli 報錯資訊)

(webpack 和 webpack-dev-server 報錯資訊)

(打包編譯成功的模板版本號)