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

WrBug 發布于2019-08-21 17:48 / 3536人閱讀

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

最近在項目中遇到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不會出現這個問題。

問題原因：

UglifyJs無法解析ES6的問題，所以導致打包失敗。

在錯誤信息中有提示導致報錯的模塊
    及： [./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云服務器 unexpected-token punc Unexpected iView

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/90017.html

vue cli 3.x 生產環境去除console采坑記

摘要：移除總結使用插件配置如下移除沒成功報錯如下配置參考優化實踐刪除和配置最終還是沒有成功，報錯如下使用插件安裝依賴庫配置如下生產環境移除總結該方案成功了 vue-cli 3.x 移除console總結使用 uglifyjs-webpack-plugin 插件配置如下: // vue.config.js const UglifyJsPlugin = require(uglifyjs-we...

kgbook 2019-08-23 17:20 評論0 收藏0
vue-cli 3.x 移除console總結

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

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

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

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

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

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

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

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