vue-cli3构建的项目不能在IE中打开的问题

项目是用vue-cli3构建的,接触到项目的时候功能已经开发了一期,项目需求要兼容到IE10+;但是在 开发环境中,在IE11上都报错且白屏。
在谷歌下都没得问题。。。
追踪错误到node_modules中的engine.io-client模块,我都不知道哪用的这个模块,最后发现是项目中引入的socket.io-client模块,我尝试删除这个模块的引入,哈哈...终于能在IE中打开了。
那么问题就变成了怎么解决socket.io-client的兼容性问题了。。。
谷歌发现这篇帖子问题和我一样:https://forum.vuejs.org/t/vue-3-do-not-work-on-ie-script1002-syntax-error/81687
参考改动后,搞定了这个问题。

总结:
其实这个问题就是node_modules中的模块没有经过babel 编译,所有在IE中不能识别ES6+的新语法,按照官网的设置[transpileDependencies]选项添加需要编译的模块就行了。

FF432EA8-D2A9-4c4a-9388-6D62CD67FAE2.png

你可能感兴趣的:(vue-cli3构建的项目不能在IE中打开的问题)