Vue-cli 开发模式运行时 IE10 下报错

最新推荐文章于 2023-06-06 10:28:49 发布

转载最新推荐文章于 2023-06-06 10:28:49 发布 · 403 阅读

CC 4.0 BY-SA版权

原文链接：https://ecloud.10086.cn/api/query/developer/user/home.html#L2FwaS9xdWVyeS9kZXZlbG9wZXIvZm9ydW0vZmxvb3JsaXN0Lmh0bWw/aWQ9OWM4ZGExZmQ3OGI5NDYzNmI1OGZhYmM1MjEwOWE0NGY=

文章标签：

#ie #vue.js

当IE11运行正常而IE10出现错误时，很可能是由于ES6语法不被支持。检查业务源码和第三方库，确保它们在IE10中得到正确转译。Babel默认不转译node_modules，但可通过配置`transpileDependencies`进行转译。另一种方法是配置babel.config.js和.browserslistrc，使Babel针对目标浏览器进行polyfill转译。

IE11 不报错，IE10 报错，那么很可能就是 ES6 方面的兼容问题引发的。需要检查是哪些部分没有被转译：
1. 业务功能源码；
2. 引入的第三方依赖；

使用 babel + vue-cli 时默认是不会对 node_modules 中依赖进行转译的，若需要转译则可以参考：
1. vue-cli 关于浏览器兼容性章节所述；

其中，默认情况下 babel-loader 会忽略所有 node_modules 中的文件。如果你想要通过 Babel 显式转译一个依赖，可以在这个选项中列出来。
```
transpileDependencies
Type: Array<string | RegExp>
Default: []
```

另外，最直接的办法，就是使用 useBuiltIn: "entry" 选项配置 babel.config.js + .browserlistrc 文件。
这样 babel 插件，会从入口文件开始，为所有遇到的依赖进行目标浏览器的 polyfill 转译。、

（内容来源于移动云官网开发者社区）