webpack打包出現(xiàn)報(bào)錯(cuò)問題

19-12-04 在完成vue項(xiàng)目功能實(shí)現(xiàn)后，輸入npm run build 命令打包工程代碼。出現(xiàn)以下報(bào)錯(cuò)信息

錯(cuò)誤圖片

問題來源

  • 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
  • 面向百度的問題來源解釋是項(xiàng)目中編寫使用了es6代碼，在打包時(shí)uglifyjs轉(zhuǎn)換出現(xiàn)問題
  • 錯(cuò)誤信息第二行顯示是muse-ui部分js代碼無效賦值，應(yīng)該說的就是muse-ui部分js沒轉(zhuǎn)化成功

解決辦法

  • 查看項(xiàng)目依賴包有幾個(gè)是否缺失（package.json中）
  1. babel-loader babel-core babel-preset-es2015
  2. 沒有的話npm i xxxxx -D都下載好
  • 修改幾個(gè)配置文件

  1. 在.babelrc文件中確認(rèn)修改成標(biāo)紅代碼


    .babelrc修改內(nèi)容

  2. 在webpack.config.js 文件中確認(rèn)修改成標(biāo)紅代碼


    webpack.config.js修改內(nèi)容

注意第一個(gè)紅框要寫，第二個(gè)紅框不確定要不要寫，寫上吧沒錯(cuò)。第三個(gè)紅框中括號(hào)內(nèi)第三個(gè)resolve中‘/node_modules/xxxxx'你錯(cuò)誤信息哪個(gè)文件出錯(cuò)這里xxxx就改成啥

***** 以上基于小白不懂webpack原理百度試出來的解決辦法，日后理解了再來填坑。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容