Vue项目在IE浏览器上路由跳转报错

746 阅读1分钟

Vue2.x项目,登录成功之后跳转到主页面,其他浏览器都是可以的,只有 IE 不行。错误如下

[vue-router] Failed to resolve async component default: SyntaxError: 语法错误
[vue-router] uncaught error during route navigation:
[object Error]{description: "语法错误", message: "语法错误", name: "SyntaxError", number: -2146827286, stack: "SyntaxError...", Symbol()_7.gm6o5os90yr: undefined}

在这里插入图片描述 排查了一遍路由跳转的代码,引入了babel-polyfill,还是报错(⊙o⊙)…直接上问题原因和解决办法!

问题原因

路由跳转的界面引入了IE不兼容的插件!(我的项目中是引用了js-base64)

解决办法

降低包版本,还不行的话只能换个插件试试了。


事后我又去npm官网看了看,发现作者本来就给出了应该注意的点。。。 在这里插入图片描述 当心!!! 在 3.0 版中,请js-base64切换到 ES2015 模块,使其不再与 IE 等旧版浏览器兼容(请参见下文)。 从 3.3 版开始,它是用 TypeScript 编写的。 现在base64.mjs从编译,base64.ts然后base64.js从生成base64.mjs。