vue+iview打包報(bào)錯(cuò)Unexpected token: punc (()

WrBug 發(fā)布于2019-08-21 17:48 / 3542人閱讀

摘要：最近在項(xiàng)目中遇到項(xiàng)目時(shí)報(bào)錯(cuò)具體報(bào)錯(cuò)如下但在安裝依賴之前，不會(huì)出現(xiàn)這個(gè)問題。問題原因無法解析的問題，所以導(dǎo)致打包失敗。

最近在項(xiàng)目中遇到vue項(xiàng)目build時(shí)報(bào)錯(cuò)

ERROR in static/js/vendor.7cc64802b7814edeb429.js from UglifyJs
Unexpected token: punc (() [./node_modules/iview/src/components/base/collapse-transition.js:6,0][static/js/vendor.7cc64802b7814edeb429.js:77,15]

具體報(bào)錯(cuò)如下：

但在安裝iview依賴之前，build不會(huì)出現(xiàn)這個(gè)問題。

問題原因：

UglifyJs無法解析ES6的問題，所以導(dǎo)致打包失敗。

在錯(cuò)誤信息中有提示導(dǎo)致報(bào)錯(cuò)的模塊
    及： [./node_modules/iview/src/components/base/collapse-transition.js:6,0][static/js/vendor.7cc64802b7814edeb429.js:77,15]

解決方案：

讓babel去解析打包失敗的模塊

在項(xiàng)目build/webpack.base.conf.js中添加配置

    resolve("/node_modules/iview/src"), resolve("/node_modules/iview/packages")

修改之前的配置：

修改之后的配置：

修改后正常編譯：

問題解決參考：http://blog.csdn.net/hayre/ar...

云服務(wù)器 GPU云服務(wù)器 unexpected-token punc Unexpected iView

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/90017.html

相關(guān)文章

vue cli 3.x 生產(chǎn)環(huán)境去除console采坑記

摘要：移除總結(jié)使用插件配置如下移除沒成功報(bào)錯(cuò)如下配置參考優(yōu)化實(shí)踐刪除和配置最終還是沒有成功，報(bào)錯(cuò)如下使用插件安裝依賴庫配置如下生產(chǎn)環(huán)境移除總結(jié)該方案成功了 vue-cli 3.x 移除console總結(jié) 使用 uglifyjs-webpack-plugin 插件配置如下: // vue.config.js const UglifyJsPlugin = require(uglifyjs-we...

kgbook 2019-08-23 17:20 評(píng)論0 收藏0
vue-cli 3.x 移除console總結(jié)

摘要：網(wǎng)上找了很多的配置，很多已經(jīng)不適用了，把采坑的經(jīng)歷記錄下來，供參考。一使用插件配置如下移除沒成功報(bào)錯(cuò)如下二配置參考優(yōu)化實(shí)踐刪除和配置最終還是沒有成功，報(bào)錯(cuò)如下三使用插件參考安裝依賴庫配置如下生產(chǎn)環(huán)境移除總結(jié)該方案成功了網(wǎng)上找了很多vue-cli 3.x的配置，很多已經(jīng)不適用了，把采坑的經(jīng)歷記錄下來，供參考。一、使用 uglifyjs-webpack-plugin 插件配置如下: ...

jsbintask 2019-08-23 17:20 評(píng)論0 收藏0
vue開發(fā)項(xiàng)目完全指南

摘要：有兩種方法，一種是在開發(fā)環(huán)境中設(shè)置通過的，另一種是在服務(wù)器上修改的配置設(shè)置。這樣我們以后使用訪問接口就可以不加了，打包后訪問也不用手動(dòng)去除統(tǒng)一管理在項(xiàng)目開發(fā)過程中，會(huì)涉及到很多接口的處理，當(dāng)項(xiàng)目足夠大時(shí)，就需要統(tǒng)一管理接口。這篇文章總結(jié)了vue項(xiàng)目的所遇到的問題，包括跨域、用戶認(rèn)證、接口統(tǒng)一管理、路由配置、兼容性處理，性能優(yōu)化等內(nèi)容。項(xiàng)目github地址 : 前端 https:...

leoperfect 2019-08-23 16:16 評(píng)論0 收藏0
VUE-Router按模塊配置、懶加載+ Windows中Nginx服務(wù)安裝、配置解決404

摘要：文章涉及到路由模塊化，懶加載，安裝，打包配置板塊。項(xiàng)目復(fù)雜，路由變多，代碼維護(hù)性降低，從路由模塊化開始一步步優(yōu)化，解決各種。無法啟動(dòng)服務(wù)，報(bào)錯(cuò)參考資料發(fā)現(xiàn)端口沖突，已經(jīng)在服務(wù)中已經(jīng)配置端口。服務(wù)端口更改為。文章涉及到VUE路由模塊化，懶加載，nginx安裝，打包配置板塊。項(xiàng)目復(fù)雜，路由變多，代碼維護(hù)性降低，從路由模塊化開始一步步優(yōu)化，解決各種BUG。參考了很多方法，會(huì)在文章中引用出來...

habren 2019-07-25 14:37 評(píng)論0 收藏0
vue-cli 打包后提交到線上出現(xiàn) "Uncaught SyntaxError:Unex

摘要：前言項(xiàng)目使用版本使用實(shí)現(xiàn)按需加載描述該報(bào)錯(cuò)在項(xiàng)目上線一段時(shí)間后有用戶反映頁面無法正常游覽后面以問題問題區(qū)分問題導(dǎo)航點(diǎn)擊無法正常跳轉(zhuǎn)刷新后恢復(fù)正常打印報(bào)錯(cuò)截圖問題頁面全白并且刷新仍然無效打印報(bào)錯(cuò)截圖經(jīng)過一番折騰初步定位問題在經(jīng)過的打包后的前言: 項(xiàng)目使用vue-cli版本2.9.3 ,vue-router使用webpackChunkName實(shí)現(xiàn)按需加載. showImg(https:/...

Allen 2019-08-23 12:50 評(píng)論0 收藏0