19-12-04 在完成vue項(xiàng)目功能實(shí)現(xiàn)后撞反，輸入npm run build 命令打包工程代碼形耗。出現(xiàn)以下報(bào)錯(cuò)信息
錯(cuò)誤圖片
問(wèn)題來(lái)源
- ERROR in js/vendor.xxxxxxxxxxxx.js from UglifyJs
Invalid assignment [./node_modules/muse-ui/dist/muse-ui.esm.js:7470,0][js/vendor.a5b3634188e11860836a.js:83589,39] - 當(dāng)前webpack使用版本3.6.0
- 面向百度的問(wèn)題來(lái)源解釋是項(xiàng)目中編寫(xiě)使用了es6代碼复凳，在打包時(shí)uglifyjs轉(zhuǎn)換出現(xiàn)問(wèn)題
- 錯(cuò)誤信息第二行顯示是muse-ui部分js代碼無(wú)效賦值甸昏，應(yīng)該說(shuō)的就是muse-ui部分js沒(méi)轉(zhuǎn)化成功
解決辦法
- 查看項(xiàng)目依賴包有幾個(gè)是否缺失（package.json中）
- babel-loader babel-core babel-preset-es2015
- 沒(méi)有的話npm i xxxxx -D都下載好
- 修改幾個(gè)配置文件
-
在.babelrc文件中確認(rèn)修改成標(biāo)紅代碼
.babelrc修改內(nèi)容 -
在webpack.config.js 文件中確認(rèn)修改成標(biāo)紅代碼
webpack.config.js修改內(nèi)容
注意第一個(gè)紅框要寫(xiě)蛤迎，第二個(gè)紅框不確定要不要寫(xiě)蜓陌，寫(xiě)上吧沒(méi)錯(cuò)觅彰。第三個(gè)紅框中括號(hào)內(nèi)第三個(gè)resolve中‘/node_modules/xxxxx'你錯(cuò)誤信息哪個(gè)文件出錯(cuò)這里xxxx就改成啥
***** 以上基于小白不懂webpack原理百度試出來(lái)的解決辦法，日后理解了再來(lái)填坑钮热。
