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

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

摘要：最近在項(xiàng)目中遇到項(xiàng)目時(shí)報(bào)錯(cuò)具體報(bào)錯(cuò)如下但在安裝依賴之前，不會(huì)出現(xiàn)這個(gè)問(wèn)題。問(wèn)題原因無(wú)法解析的問(wèn)題，所以導(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è)問(wèn)題。

問(wèn)題原因：

UglifyJs無(wú)法解析ES6的問(wèn)題，所以導(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")

修改之前的配置：

修改之后的配置：

修改后正常編譯：

問(wèn)題解決參考：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://systransis.cn/yun/90017.html

相關(guān)文章

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

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

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

摘要：有兩種方法，一種是在開(kāi)發(fā)環(huán)境中設(shè)置通過(guò)的，另一種是在服務(wù)器上修改的配置設(shè)置。這樣我們以后使用訪問(wèn)接口就可以不加了，打包后訪問(wèn)也不用手動(dòng)去除統(tǒng)一管理在項(xiàng)目開(kāi)發(fā)過(guò)程中，會(huì)涉及到很多接口的處理，當(dāng)項(xiàng)目足夠大時(shí)，就需要統(tǒng)一管理接口。這篇文章總結(jié)了vue項(xiàng)目的所遇到的問(wèn)題，包括跨域、用戶認(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ù)性降低，從路由模塊化開(kāi)始一步步優(yōu)化，解決各種。無(wú)法啟動(dòng)服務(wù)，報(bào)錯(cuò)參考資料發(fā)現(xiàn)端口沖突，已經(jīng)在服務(wù)中已經(jīng)配置端口。服務(wù)端口更改為。文章涉及到VUE路由模塊化，懶加載，nginx安裝，打包配置板塊。項(xiàng)目復(fù)雜，路由變多，代碼維護(hù)性降低，從路由模塊化開(kāi)始一步步優(yōu)化，解決各種BUG。參考了很多方法，會(huì)在文章中引用出來(lái)...

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í)間后有用戶反映頁(yè)面無(wú)法正常游覽后面以問(wèn)題問(wèn)題區(qū)分問(wèn)題導(dǎo)航點(diǎn)擊無(wú)法正常跳轉(zhuǎn)刷新后恢復(fù)正常打印報(bào)錯(cuò)截圖問(wèn)題頁(yè)面全白并且刷新仍然無(wú)效打印報(bào)錯(cuò)截圖經(jīng)過(guò)一番折騰初步定位問(wèn)題在經(jīng)過(guò)的打包后的前言: 項(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