鍍金池/ 問答/HTML/ vue-cli搭建的后臺項目在IE報錯,求各位幫忙啊

vue-cli搭建的后臺項目在IE報錯,求各位幫忙啊

1.項目在IE中無法運行,報錯
2.錯誤代碼
圖片描述

圖片描述

3.我已經下載并引入相關將es6變?yōu)閑s5以及babel.lrc文件

{
  "name": "litadmin",
  "version": "1.0.0",
  "description": "A Vue.js project",
  "author": "jerry9022@qq.com",
  "private": true,
  "scripts": {
    "dev": "node build/dev-server.js",
    "build": "node build/build.js"
  },
  "dependencies": {
    "axios": "^0.16.1",
    "axios-mock-adapter": "^1.8.1",
    "babel-helper-vue-jsx-merge-props": "^2.0.2",
    "babel-plugin-syntax-jsx": "^6.18.0",
    "babel-plugin-transform-vue-jsx": "^3.5.0",
    "babel-polyfill": "^6.26.0",
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-es2015-loose": "^8.0.0",
    "bootstrap": "^3.3.7",
    "echarts": "^3.5.3",
    "element-ui": "^1.2.8",
    "es3ify-loader": "^0.2.0",
    "gridly": "^1.4.10",
    "gridstack": "^0.3.0",
    "highcharts": "^5.0.12",
    "jquery": "^3.2.1",
    "jquery-ui": "^1.12.1",
    "jquery-ui-bundle": "^1.12.1",
    "jquery.gridly": "^1.2.9",
    "jqueryui": "^1.11.1",
    "knockout": "^3.4.2",
    "lodash": "^4.17.4",
    "mockjs": "^1.0.1-beta3",
    "socketcluster": "^6.0.1",
    "socketcluster-client": "^5.5.2",
    "vue": "^2.2.2",
    "vue-highcharts": "0.0.10",
    "vue-router": "^2.2.0",
    "vuex": "^2.3.1"
  },
  "devDependencies": {
    "autoprefixer": "^6.7.2",
    "babel-core": "^6.22.1",
    "babel-loader": "^6.2.10",
    "babel-plugin-transform-runtime": "^6.22.0",
    "babel-preset-env": "^1.2.1",
    "babel-preset-stage-2": "^6.22.0",
    "babel-register": "^6.22.0",
    "chalk": "^1.1.3",
    "connect-history-api-fallback": "^1.3.0",
    "copy-webpack-plugin": "^4.0.1",
    "css-loader": "^0.26.4",
    "element-ui": "^1.2.7",
    "eventsource-polyfill": "^0.9.6",
    "express": "^4.14.1",
    "extract-text-webpack-plugin": "^2.0.0",
    "file-loader": "^0.10.0",
    "friendly-errors-webpack-plugin": "^1.1.3",
    "function-bind": "^1.1.0",
    "html-webpack-plugin": "^2.29.0",
    "http-proxy-middleware": "^0.17.3",
    "node-sass": "^4.5.2",
    "opn": "^4.0.2",
    "optimize-css-assets-webpack-plugin": "^1.3.0",
    "ora": "^1.1.0",
    "rimraf": "^2.6.0",
    "sass-loader": "^6.0.3",
    "script-loader": "^0.7.0",
    "semver": "^5.3.0",
    "style-loader": "^0.16.1",
    "url-loader": "^0.5.7",
    "vue-loader": "^11.1.4",
    "vue-style-loader": "^2.0.0",
    "vue-template-compiler": "^2.2.4",
    "webpack": "^2.2.1",
    "webpack-bundle-analyzer": "^2.2.1",
    "webpack-dev-middleware": "^1.10.0",
    "webpack-hot-middleware": "^2.16.1",
    "webpack-merge": "^2.6.1"
  },
  "engines": {
    "node": ">= 4.0.0",
    "npm": ">= 3.0.0"
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie <= 8"
  ]
}

4.求大神解決下

回答
編輯回答
有你在

vue不支持IE8

2017年4月29日 12:52
編輯回答
假灑脫

你的polyfill不適用你的ie版本

2017年5月20日 06:31
編輯回答
舊時光

并不是webpack配置問題。也不是babel沒編譯。

這個鍋其實是 webpack-dev-server的問題。它里面通過socket給瀏覽器的代碼有 部分 es6的代碼 如 const 這些。然后這種東西ie11以下并不認識
翻了webpack-dev-server的源碼
https://github.com/webpack/we...

解決辦法降低webpack-dev-server的版本。具體到多少。。懶得翻了。。

2017年4月18日 21:07
編輯回答
負我心

我用的ie11 也遇到這個問題,而且手機瀏覽器也不能正常訪問

2017年1月31日 21:52
編輯回答
只愛你

報錯之前那句寫的很清楚了 添加個polyfill-eventsource

2017年10月13日 07:22
編輯回答
裸橙

沒有定位到具體的錯誤,不過我遇到過ie全家報錯的情況,是Promise對象的鍋!
加了個promise-polyfill之后解決了,雖然IE9-不能使用vue,但是好歹不報錯。

2018年7月17日 13:35