VUe Eelement-ui 兼容es6 兼容IE9+ 报错：SCRIPT1003: 缺少 ':’

目前

解决

方案：

、把

es6

改成兼容

浏览器的语法

ES5,

所有

js的转换

2、引入babel-polyfill

3、使用ESLint 语法规则，但是项目语法

基本上要

全部重新

改写

正确方法：下载依赖：babel-polyfill

(1)、安装依赖:

npm install --save babel-polyfill

(2)

、

如果你的英文入口使用ES6 import 语法，你应该在入口的开头替代导入垫片，以保证他是最先加载的js;

import 'babel-polyfill'

或在webpack中引入 ---- webpack.base.conf.js

module.exports = {entry: ["babel-polyfill","./app/js"]
}
复制代码

<-官方写法

module.exports = {entry: {app: ['babel-polyfill', './src/main.js']},
}复制代码

<-my project写法

如若没有解决：IE 9+依然报错：SCRIPT1003: 缺少 ':’

在自己项目中打包：

运行

：

npm run build 是否

有错；

若

错误

是

：

此错误是

：

发现是UglifyJs无法解析ES6的问题，而在1.4.2 element-ui的包估计有ES6的语法，所以才导致打包失败

解决：

在

webpak.base.conf.js

中

添加：

resolve('/node_modules/_element-ui@1.4.3@element-ui/src'),resolve('/node_modules/_element-ui@1.4.3@element-ui/packages')复制代码

{test: /\.js$/,loader: 'babel-loader',include: [resolve('src'), resolve('test'),resolve('/node_modules/_element-ui@1.4.3@element-ui/src'),resolve('/node_modules/_element-ui@1.4.3@element-ui/packages'),]
},复制代码

注意

：

_element-ui@1.4.3@element-ui

根据

自己项目的版本和文件名修改

转载于:https://juejin.im/post/5a25480d6fb9a0452a3c2a29

VUe Eelement-ui 兼容es6 兼容IE9+ 报错：SCRIPT1003: 缺少 ':’相关推荐

Vue CLI3不兼容IE11打开空白报错SCRIPT1003: 缺少 ‘:‘
一.问题描述 Vue CLI3打包上线后的代码使用IE11打开后是空白的,控制台报错: SCRIPT1003: 缺少 ':' app.js (304501,83045) 其他浏览器打开没问题,问题定位 ...
兼容IE系统，报错SCRIPT1006: 缺少 ‘)‘
系统使用IE系统打开报错截图: 第一步:使用npm安装babel-polyfill 依赖 npm install --sava babel-polyfill npm install --sava ba ...
Vue项目下IE报错 SCRIPT1003: 缺少 ‘:‘，导致页面空白的解决方案
❝ 今年年初加入了物资团队,遇到的第一个问题就是解决IE的兼容性问题. ❞ 1 现象当时的情况是IE浏览器在登录系统时,登录页无法加载,页面显示空白,所以也无法访问系统里的其他页面. 2 查看报错 ...
vue打包后有es6语法兼容问题，ie报错
vue打包后有es6语法兼容问题,ie报错 (个人学习笔记,仅供参考): 情景:ie/360浏览器打开build之后的页面报错了,点击报错定位的时候发现有"const"和箭头函数语 ...
vue项目初始化时npm run dev报错webpack-dev-server解决方法
vue项目初始化时npm run dev报错webpack-dev-server解决方法参考文章: (1)vue项目初始化时npm run dev报错webpack-dev-server解决方法 ( ...
vue项目在vscode中编译eslint报错没显示红色波浪线提示
vue项目在vscode中编译eslint报错没显示红色波浪线提示. 如下图所示: 下图是预期效果: 不符合Eslint校验规则的代码位置都能展示出来,这样一目了然.能帮助我们迅速找到报错的位置. 然 ...
css引入报错,vue项目通过import引入外部css报错怎么办
vue项目通过import引入外部css报错的解决办法:首先在[webpack.config.js]中添加相关内容,添加后重新npm run dev:然后json文件中查看是否存在[css-loade ...
ie浏览器下调试 console.log() 报错SCRIPT5007: 缺少对象
原来使用火狐和谷歌浏览器调试,直接用console.log(param);是没问题的但是最近这个项目要兼容ie浏览器,发现报错SCRIPT5007: 缺少对象在具备调试功能的浏览器上,window ...
Mint-UI 报错提示缺少“raf.js / vue-lazyload / vue-popup” - 解决办法
Vue项目运行mint-ui组件,报错提示缺少"vue-popup" ,如何解决? 有时候还会报错提示:··· (比如 raf.js / vue-lazyload / vue-po ...
cesium 地图无法加载报错401 缺少token
cesium 地图无法加载报错401 缺少token 首先,报错401 说明用户没有访问权限,需要进行身份认证,也就是cesium需要密钥,也是最近实行的吧,因为之前不用也能加载出地图. token ...

VUe Eelement-ui 兼容es6 兼容IE9+ 报错：SCRIPT1003: 缺少 ':’

正确方法：下载依赖：babel-polyfill

VUe Eelement-ui 兼容es6 兼容IE9+ 报错：SCRIPT1003: 缺少 ':’相关推荐

最新文章

热门文章