vue+iview打包報錯Unexpected token: punc (()

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

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

最近在項目中遇到vue項目build時報錯

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]

具體報錯如下：

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

問題原因：

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

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

解決方案：

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

在項目build/webpack.base.conf.js中添加配置

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

修改之前的配置：

修改之后的配置：

修改后正常編譯：

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

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

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

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/90017.html

相關(guān)文章

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

摘要：移除總結(jié)使用插件配置如下移除沒成功報錯如下配置參考優(yōu)化實踐刪除和配置最終還是沒有成功，報錯如下使用插件安裝依賴庫配置如下生產(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 評論0 收藏0
vue-cli 3.x 移除console總結(jié)

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

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

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

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

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

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

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

Allen 2019-08-23 12:50 評論0 收藏0