vue打包報錯:ERROR in static/js/xxx.js from UglifyJs undefined問題

更新時間：2022年09月20日 10:18:02 作者：宇宙倒一大帥比

這篇文章主要介紹了vue打包報錯:ERROR in static/js/xxx.js from UglifyJs undefined問題及解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教

報錯信息如下

ERROR in static/js/xxxxxxxxxx.js from UglifyJs undefined

注意了！很多文章的報錯信息都有 vendor. 開頭的，例如：

ERROR in static/js/vendor.xxxx.js from UglifyJs

但我這個沒有 vender！所以也并不是什么大部分博客所說的ES6語法編譯不通過的問題！

最后還有個很關(guān)鍵的

undefined

具體的錯誤信息忘記截圖貼出來了。這個 ‘undefined’ 其實是 xxx from UglifyJs 之后的一行顯示的。也就是(webpack)打包過程中缺少什么包導(dǎo)致。經(jīng)排查發(fā)現(xiàn)是js壓縮問題。

webpack中壓縮js的插件叫 ‘ uglifyjs-webpack-plugin ’ 。

嘗試解決辦法

npm install uglifyjs-webpack-plugin

安裝之后重新進行打包，問題解決。

vue項目打包報錯

npm run build 打包的時候報錯

ERROR in index.js from UglifyJs

Unexpected token: name (result) [./node_modules/_asn1.js@5.4.1@asn1.js/lib/asn1/base/node.js:282,0][index.js:74667,6]

解決辦法：修改webpack.config.js文件，include和exclude不能同時用，作用于同一個目錄

{
          test: /\.js$/,
          loader: 'babel-loader',
          include: [
            resolve("src"),
            resolve("node_modules/_asn1.js@5.4.1@asn1.js")
          ],
          // exclude: /node_modules/,
        },

Child extract-text-webpack-plugin node_modules/_extract-text-webpack-plugin@3.0.2@extract-text-web pack-plugin/dist node_modules/_style-loader@0.21.0@style-loader/index.js!src/page/index/index.css:2

解決辦法：重新安裝插件

cnpm install --save-dev extract-text-webpack-plugin@2.1.2

安裝完之后又報這個錯

Child extract-text-webpack-plugin:

2 assets

在webpack.config.js里添加這個

stats: {
      children: false,
    },

以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

Vue表單快速上手
工作中vue表單使用的最多的莫過于input、textarea、select等，原生js的基礎(chǔ)上vue通過雙向數(shù)據(jù)綁定等，實現(xiàn)了自己獨有的一套指令，這是react中沒有的部分，也算是vue的一大特色
2022-09-09
對Vue beforeRouteEnter 的next執(zhí)行時機詳解
今天小編就為大家分享一篇對Vue beforeRouteEnter 的next執(zhí)行時機詳解，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-08-08
vue深度優(yōu)先遍歷多層數(shù)組對象方式(相當(dāng)于多棵樹、三級樹)
這篇文章主要介紹了vue深度優(yōu)先遍歷多層數(shù)組對象方式(相當(dāng)于多棵樹、三級樹)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-08-08
Vue父子組件之間事件通信示例解析
這篇文章主要介紹了React中父子組件通信詳解，在父組件中，為子組件添加屬性數(shù)據(jù)，即可實現(xiàn)父組件向子組件通信，文章通過圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的小伙伴可以參考一下
2023-03-03
vuejs中使用mixin局部混入/全局混入的方法詳解
混入可以省很多代碼(高類聚低耦合),還方便維護,下面這篇文章主要給大家介紹了關(guān)于vuejs中使用mixin局部混入/全局混入的相關(guān)資料,文中通過示例代碼介紹的非常詳細,需要的朋友可以參考下
2022-05-05
Vuex總體案例詳解
這篇文章主要介紹了Vuex總體案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細內(nèi)容,需要的朋友可以參考下
2021-09-09
詳解基于vue-cli優(yōu)化的webpack配置
本篇文章主要介紹了詳解基于vue-cli優(yōu)化的webpack配置，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-11-11
Vite結(jié)合whistle實現(xiàn)一勞永逸開發(fā)環(huán)境代理方案
這篇文章主要為大家介紹了Vite結(jié)合whistle實現(xiàn)一勞永逸開發(fā)環(huán)境代理方案，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-07-07
vue實現(xiàn)鍵盤輸入支付密碼功能
這篇文章主要為大家詳細介紹了vue實現(xiàn)鍵盤輸入支付密碼功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-08-08
Vue中Layout內(nèi)部布局el-row、el-col的實現(xiàn)
layout是一種非常方便的布局方式,本文主要介紹了Vue中Layout內(nèi)部布局el-row、el-col的實現(xiàn),具有一定的參考價值,感興趣的可以了解一下
2024-07-07