問題描述

報錯一：

打包過程報錯：Unexpected token name <i>, expected punc <;>

IE瀏覽中報錯：SCRIPT1003: 缺少':'，并顯示空白，其他瀏覽器正常顯示。

報錯二：

打包過程報錯：Unexpected token: name <$vm>

IE瀏覽中報錯：SCRIPT1002: 語法錯誤，并顯示空白，其他瀏覽器正常。

報錯原因

以上兩個問題都是因為IE瀏覽器不支持ES6的一些語法引起的。

解決方法

vue項目中涉及到ES6語法，要使用IE瀏覽器，必須安裝babel-polyfill，具體操作步驟請參照樓主的另外一篇文章：

vue項目在IE中顯示空白

安裝babel-polyfill之后，這兩個報錯依然存在，IE瀏覽器仍然無法打開，這是因為項目中引入了其他ES6語法的插件，如：vue-preview等等。

根據報錯提示定位，找到對應的插件進行修改，我這里是vue-preview。

// 插件原代碼 let $vm export default {install (Vue) {let Preview = Vue.extend(PreviewComponent)if (!$vm) {$vm = new Preview({el: document.createElement('div')})document.body.appendChild($vm.$el)}const preview = {open (index, list, params) {$vm.open(index, list, params)},close () {$vm.close()}}Vue.$preview = previewVue.mixin({created: function () {this.$preview = Vue.$preview}})} }

修改后：

// 修改后對應的代碼 var $vm export default {install: function (Vue) {var Preview = Vue.extend(PreviewComponent)if (!$vm) {$vm = new Preview({el: document.createElement('div')})document.body.appendChild($vm.$el)}var preview = {open: function (index, list, params) {$vm.open(index, list, params)},close: function () {$vm.close()}}Vue.$preview = previewVue.mixin({created: function () {this.$preview = Vue.$preview}})} }

修改后打包正常，瀏覽器也可以打開頁面。

文中表述僅代表個人觀點，有問題歡迎留言交流，或關注樓主微信公眾號：上班熊的環球夢。

總結

以上是生活随笔為你收集整理的vue cli 项目在打包时候报错解决方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。