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

Posted 2021-03-07 dumingming

 

摘要：前文：CSDN也发布了相同文章：https://blog.csdn.net/qq_41797950/article/details/104476068

 

问题：

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

 

有互相学习交流经验的，上海交朋友的，可以加q: 875056587

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

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

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