vue项目在IE9/10中报错SCRIPT1002: 语法错误

发布于 2022-09-06 06:42:25 字数 373 浏览 20 评论 0

clipboard.png
在IE11下都不报错可以正常使用,之前在IE9/10也不报错,现在突然冒出来这个打开就是空白页,我检查了很久也检查不出来到底是什么东西写的不规范。
断点处是这样的
clipboard.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(13

蝶…霜飞 2022-09-13 06:42:25

我的是用react有种情况,我的原因是webpack-dev-server版本太高,换成2.6.1版本就好了,我看了报错信息,babel-loader好像不能把高版本webpack-dev-server的es6,如const转换成es5,在ie就报错了

岁月流歌 2022-09-13 06:42:25

eval(),包含的代码中有ES6的语法,IE不支持

往日 2022-09-13 06:42:25

先把source-map配置去掉,在没被压缩,被build后的js文件中调试看看。

萧瑟寒风 2022-09-13 06:42:25

这个问题解决了吗 也纳闷定位不到问题

带刺的爱情 2022-09-13 06:42:25

首先polyfill肯定要的,然后发现我是在项目中使用了只兼容IE11的插件,把插件删掉然后替换兼容性比较好的插件就可以了。

稀香 2022-09-13 06:42:25

执行 cnpm install 之前,先运行着两个命令:

cnpm install chalk
cnpm install webpack-merge
掩饰不了的爱 2022-09-13 06:42:25

IE浏览器没有内置Promise对象。不仅如此,几乎所有的ES6新增的方法在IE都不能用,此时你需要babel Polyfill

1.首先npm install --save babel-polyfill
2.修改build/webpack.base.config.js

修改

entry: {
    main: './src/main',
    vendors: './src/vendors'
},

entry: {
    main: ["babel-polyfill","./src/main"],
    vendors: './src/vendors'
},

即可。

小猫一只 2022-09-13 06:42:25

请问这个问题您解决了吗?我也遇到了 根本不知道从哪下手

梦里泪两行 2022-09-13 06:42:25

上面方法我都试了都不行,请大神指导呀

凉世弥音 2022-09-13 06:42:25

折腾了半天,解决流程大概如此:

  1. yarn build. 先编译出production版本
  2. 启动production版本
  3. 查看错误是属于哪个npm包。然后选择替代方案。
  4. 排查下一个错误的包

这种情况是因为包的编译是有问题的。比如这个https://github.com/davglass/p...
如果有耐心,可以提issue等修复。也可以自己fork修改。不过很多时候可能换个包会简单一些。

至于为什么要在production下测试。因为在采坑的过程中发现,dev下报的错误其实是不准确的。
比如案例中prettysize这个包的错误,在dev下提示的却是另一个不相干的包。

临走之时 2022-09-13 06:42:25

问题解决了么?

ˇ宁静的妩媚 2022-09-13 06:42:25

老哥 你这个问题解决了吗 我引入babel-polyfill 也没用呀

我的鱼塘能养鲲 2022-09-13 06:42:25

你好,请问这个问题解决了吗

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文