vue打包報(bào)錯(cuò):ERROR in static/js/xxx.js from UglifyJs undefined問(wèn)題
報(bào)錯(cuò)信息如下
ERROR in static/js/xxxxxxxxxx.js from UglifyJs undefined
注意了！很多文章的報(bào)錯(cuò)信息 都有 vendor. 開(kāi)頭的，例如：
ERROR in static/js/vendor.xxxx.js from UglifyJs
但我這個(gè)沒(méi)有 vender！ 所以也并不是什么大部分博客所說(shuō)的ES6語(yǔ)法編譯不通過(guò)的問(wèn)題！
最后還有個(gè)很關(guān)鍵的
undefined
具體的錯(cuò)誤信息忘記截圖貼出來(lái)了。這個(gè) ‘undefined’ 其實(shí)是 xxx from UglifyJs 之后的一行顯示的。也就是(webpack)打包過(guò)程中缺少什么包導(dǎo)致。 經(jīng)排查發(fā)現(xiàn)是js壓縮問(wèn)題。
webpack中壓縮js的插件叫 ‘ uglifyjs-webpack-plugin ’ 。
嘗試解決辦法
npm install uglifyjs-webpack-plugin
安裝之后重新進(jìn)行打包，問(wèn)題解決。
vue項(xiàng)目打包報(bào)錯(cuò)
npm run build 打包的時(shí)候報(bào)錯(cuò)
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不能同時(shí)用，作用于同一個(gè)目錄
{
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
安裝完之后又報(bào)這個(gè)錯(cuò)
Child extract-text-webpack-plugin:
2 assets
在webpack.config.js里添加這個(gè)
stats: {
children: false,
},以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
- 用electron打包vue項(xiàng)目中的報(bào)錯(cuò)問(wèn)題及解決
- 關(guān)于vue3?解決getCurrentInstance?打包后線上環(huán)境報(bào)錯(cuò)問(wèn)題
- 解決vue打包報(bào)錯(cuò)Unexpected token: punc的問(wèn)題
- vue打包靜態(tài)資源后顯示空白及static文件路徑報(bào)錯(cuò)的解決
- vue打包npm run build時(shí)候界面報(bào)錯(cuò)的解決
- vue 解決uglifyjs-webpack-plugin打包出現(xiàn)報(bào)錯(cuò)的問(wèn)題
- 解決vue打包后刷新頁(yè)面報(bào)錯(cuò)：Unexpected token <
- vue-cli 打包后提交到線上出現(xiàn) "Uncaught SyntaxError:Unexpected token" 報(bào)錯(cuò)
- 打包組件報(bào)錯(cuò):Error:Cannot?find?module?'vue/compiler-sfc'
相關(guān)文章
vue單向數(shù)據(jù)綁定和雙向數(shù)據(jù)綁定方式
這篇文章主要介紹了vue單向數(shù)據(jù)綁定和雙向數(shù)據(jù)綁定方式，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-07-07
vite/Vuecli配置proxy代理解決跨域問(wèn)題
這篇文章主要介紹了vite/Vuecli配置proxy代理解決跨域問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2023-12-12
這篇文章主要為大家介紹了Vue自定義指令，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來(lái)幫助2021-11-11
vue配置代理vue.config.js后不生效的解決(小坑)
這篇文章主要介紹了vue配置代理vue.config.js后不生效的解決(小坑)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2023-03-03
vue 搭建后臺(tái)系統(tǒng)模塊化開(kāi)發(fā)詳解
這篇文章主要介紹了vue 搭建后臺(tái)系統(tǒng)模塊化開(kāi)發(fā)詳解，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-05-05
vue3 表單搜索內(nèi)容回顯到地址欄的實(shí)例代碼
這篇文章主要介紹了vue3 表單搜索內(nèi)容回顯到地址欄的實(shí)例代碼,地址欄輸入內(nèi)容回顯到form表單,同理表單輸入內(nèi)容也要回顯到地址欄中,本文結(jié)合實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-09-09
這篇文章主要介紹了vue關(guān)于Promise的使用方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-06-06
在Vue項(xiàng)目中實(shí)現(xiàn)首頁(yè)布局,包括可收放的左側(cè)菜單和主體內(nèi)容區(qū),在store中管理菜單狀態(tài),通過(guò)修改isCollapse狀態(tài)控制菜單的展開(kāi)與收起,在home.vue中編寫左側(cè)菜單欄的代碼和樣式,實(shí)現(xiàn)一個(gè)響應(yīng)式的用戶界面2024-09-09
這篇文章主要為大家詳細(xì)介紹了Vue實(shí)現(xiàn)簡(jiǎn)易跑馬燈效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-05-05
Vue實(shí)現(xiàn)騰訊云點(diǎn)播視頻上傳功能的實(shí)現(xiàn)代碼
這篇文章主要介紹了Vue實(shí)現(xiàn)騰訊云點(diǎn)播視頻上傳功能的實(shí)現(xiàn)代碼,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-08-08