vue项目,ES6,IE下语法错误的情况解决办法,兼容IE9+

问题:

  1. vue项目,IE浏览器不兼容ES6语法,在ie10,报错 语法错误;在ie9报错:缺少’‘;’
  2. 每个人项目不同,报错也不同

解决:

1. 下载插件,babel-polyfill

npm install babel-polyfill

 

2. build/webpack.base.conf.js下的entry下的app添加 'babel-polyfill’

entry: {
    app: ['babel-polyfill','./src/main.js']
  },

 

3. 在 main.js中最顶部引入 ‘babel-polyfill’,必须在最顶部,我放在其他位置时,报错依旧是 语法错误,最顶部引入即可

import 'babel-polyfill'

 

4. 至此 bug 已经解决。。。如果还是报错,可以点击报错,查看是哪个文件的报错信息,然后进入改掉。因bug已经解决,暂无截图

这位博主有相关错误截图的解决办法,可以参考:
https://blog.csdn.net/weixin_30492601/article/details/98783846


————————————————

以下是本人CSDN发表的相同文章地址

版权声明:本文为CSDN博主「杜明鸣」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_41797950/article/details/104476068

上一篇:2019-6-14 - 谐桐科技


下一篇:解决IE8、IE9 placeholder 不兼容的问题