vue-cli webpack 打包報錯:Unexpected token: punc (()
本來專案完美打包,後來我增加了一個外掛vue-ionicons
,打包build就是報錯:
ERROR in static/js/8.017e5cf2d2f1a552890d.js from UglifyJs
Unexpected token: punc (() [./node_modules/vue-ionicons/dist/ionicons-mixin.js:7,0][static/js/8.017e5cf2d2f1a552890d.js:38,12]
原因:上面的程式碼是es6的語法,由於現在還有瀏覽器不支援es6的語法,所以在打包的過程中要把es6轉換成es5,在打包時使用了UglifyJs壓縮JS,但是UglifyJs無法解析ES6,才出現了上述問題。
解決:build/webpack.base.config.js 檔案中,resolve部分加入該報錯外掛
{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('src'), resolve('test'), resolve('/node_modules/vue-ionicons/dist/ionicons-mixin.js')]
},
再次重新打包,OK搞定。
相關推薦
vue-cli webpack 打包報錯:Unexpected token: punc (()
本來專案完美打包,後來我增加了一個外掛vue-ionicons,打包build就是報錯: ERROR in static/js/8.017e5cf2d2f1a552890d.js from UglifyJs Unexpected token: punc (() [./node_mod
webpack 打包壓縮 ES6文件報錯UglifyJs + Unexpected token punc «(», expected punc «:»
htm script 打包壓縮 scripts log res web save pla webpack打包壓縮 ES6 js react報錯: 升級到 babel6 了 ERROR in /Scripts/Test/test.bundle.js from UglifyJ
webpack 打包報錯:Can't resolve '.\dist\bundle.js' in 'E:\vivian....'
最近才開始學習webpack 用的webpack 版本是:4.20.2版本的,在打包過程用執行了這個命令 webpack .\src\main.js .\dist\bundle.js 然後就報了下邊的錯誤: 後來檢視之後原來是版本的問題,我用的這個wepa
axios 在 webpack 打包報錯:Uncaught (in promise) TypeError: Cannot read property 'protocol' of undefined
解決方法: import axios from 'axios' // 在這裡不能使用 Vue.use(axios) // Vue.use(axios) Vue.prototype.$http = axios 模組引用: // 基於vue的
解決webpack打包報錯: Cannot find module '@webassemblyjs/wasm-parser'
sem 支持 開始 報錯 install tps 不出 clas 新的 出現這個錯誤時,百度和谷歌中都搜索不出個所以然出來,後來看了一下webpack官網,說建議安裝node最新版本: 前提條件 在開始之前,請確保安裝了 Node.js 的最新版本。使用 Node.js 最
vue-cli+webpack打包路徑報錯問題
vue-cli 打包配置 1、配置專案引用檔案問相對路徑; 2、引用js檔案路徑錯誤; 3、圖片路徑錯誤; 4、背景圖片路徑錯誤; 解決以上問題,需修改三個地方: 1、config/index.js(大約46行) build: { assetsPublicPath: '
vue-cli webpack打包開啟Gzip時報錯
前言 今天看了一下Vue-cli中webpack打包的速度,有點小慢,於是我就開始使用其自帶的productionGzip功能。 說明:本人用的node版本:v6.11.3,npm版本:v3.10
Vue2 vue-cli 中stylus 報錯unexpected indent
用Vue-cli構建專案的時候,用stylus寫樣式,各種報錯 unexpected indent 。浪費了兩個小時的時間終於搞明白了問題。 踩坑 如下圖: 新增background-size屬性的時候,就會報出這個錯誤。 很明顯意思就是縮
【maven】maven的web項目打包報錯:No compiler is provided in this environment. Perhaps you are running on a JRE rather than a JDK
應用 cga snapshot ace owin span ons sed sse 打包過程中報錯如下: No compiler is provided in this environment. Perhaps you are running on a JRE rather
webpack打包報錯
mod known this 技術分享 context expr 技術 XP cal Invalid configuration object. Webpack has been initialised using a configuration object that
R中執行if else報錯:unexpected 'else' in "else"
cte () str nbsp 括號 strong 不能 expected lse 註意if else的結構寫法,有以下三種,除此之外,會不識別else。 結構 1 : if() xx else yy # 一行;結構 2: if(
安裝weback後,運行webpack -v報錯:‘webpack’不是內部或者外部命令
cmd命令 測試的 解決 報錯 變量 路徑 重新 原因 解析 最近,後端同事安裝webpack後,發現命令跑不起來。 原因:這位同事安裝Webpack的時候設置了全局存放路徑和緩存路徑為D盤,不在C盤的默認目錄下。 我想可能是因為這時系統接收到Webpack命令後會去C盤找
vue-cli+webpack打包配置
output iat lint creat clu 包含 res client sele 上一篇說的是 webpack打包生成測試和生產版本; 這篇說的這個配置 應該是在打包之前應該配置好的 webpack配置如下: 1. webpack.base.conf.js 入口文件
【bug】vue-cli 3.0報錯的解決辦法
文件中 分享圖片 not main res idt 說明 exports 修改 先上bug圖片 bug說明:初裝vue_cli3.0寫了個組件,運行錯誤,顯示如圖, 代碼提示:[Vue warn]: You are using the runtime-only bu
Ionic 打包報錯:CordovaError: Failed to deploy to device, no devices found.
錯誤資訊: Failed to deploy to device, no devices found. CordovaError: Failed to deploy to device, no devices found. at D:\project\eyeshot\
vue-cli webpack打包釋出到nginx伺服器,nginx.conf配置
server { listen 80; root /var/www/web/; index index.php index.html index.htm; server_name www.web.com;
Maven打包報錯:[WARNING] The POM for xxx is missing, no dependency inform
場景 使用Maven建立的一個多模組專案,一個wa-service模組,一個wa-app模組,wa-app模組依賴於wa-service模組,且他們都是WebAppDemo的子模組。 報錯及分析
pyinstaller打包報錯: RecursionError: maximum recursion depth exceeded,UnicodeDecodeError
RecursionError 想使用python打包生成exe檔案,突然發現在打包過程中會出現:RecursionError: maximum recursion depth exceeded異常,然而百度好久,都在說明一個問題:報錯提示超過最大遞迴深度,解決辦法:
webpack又報錯:BREAKING CHANGE: It's no longer allowed to omit the '-loader' suffix when using loaders.
完整錯誤資訊如下: ERROR in multi ./app/js/index.js Module not found: Error: Can't resolve 'babel' in 'E:\work
vue-cli webpack打包後加載資源的路徑問題
vue專案,訪問打包後的專案,輸入路徑後,頁面載入空白。這時會有兩類問題,都是路徑問題。 1.一個是css,js,ico等檔案載入不到,是目錄裡少了dist 開啟頁面時一片空白 解決辦法: config/index.js檔案的build->assetsPub