问题

1. vue-svg-loader 配置问题，IE11白屏，爆语法错误

这里观察了一下报错文件，一开始以为是另外三方包没转译造成的，后来仔细看报错代码，怎么看来就是svg文件本身有问题，所以去看svg的loader，我们采用了vue-svg-loader，看起来没啥问题。

但是，查了文档才发现，webpack.config.js配置的有问题，文档

箭头所指，就是出问题的地方，我没配...

2. IE11继续报错

其实这个报错，简单说还是转译问题，代码开发中我们引入了vue-virtual-scroller，为了兼容IE11，在IE环境下不启用vue-virtual-scroller，问题就出现了。

babel.config.js增加：

webpack.config.js rules 增加：

问题解决。

扩展

sourceType: 'unambiguous',

这里不太懂，所以查了一下资料：

参数类型："script" | "module" | "unambiguous" 默认值："module" 该选项配置参数主要引导 babel 的文件解析是否转换 import 或者 require，babel 默认处理模块是 es 模块，默认使用 import

• script 使用 ECMAScript Script 语法解析文件。不允许 import/ export 语句，文件不是严格模式。
• module 使用 ECMAScript Module 语法解析文件。并且允许 import/ export 语句，文件是严格模式。
• unambiguous 如果当前文件有 import/export 则视为"module"， 否则将视为 "script" unambiguous 在类型未知的上下文中非常有用，但它可能导致错误匹配，因为 module 文件可能并没有使用 import/ export 语法。

结束

目前项目正在开发中，正常运行，团队内其他成员进入开发，目前体感良好，该系列文章应该到此为止了，如果再遇到一些问题，后面也会继续更新。

其实很多问题都是需要兼容IE11，2023年了，还他喵的需要兼容，我真的是。。。

酒浆！

关注我的公众号：王大锤学前端

感谢大家！