Vue iview IE不兼容报错,Babel poly改写如何避免?

2026-04-06 20:270阅读0评论SEO资讯
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计671个文字,预计阅读时间需要3分钟。

Vue iview IE不兼容报错,Babel poly改写如何避免?

由Iview编译使用ES6新特性导致IE所有版本报错,如includes、findIndex等问题。个人研究涉及环境:VueCli3.2+iview 3.1.5,在IE中不支持ES6新特性,例如:

由于Iview编译使用到了es6的一些新特性,Internet Explorer所有版本中都会报错,缺少includes、findIxdex等问题。

本人研究涉及到的环境:VueCli3.2 + iview 3.1.5

在IE中不支持ES6的新特性,例如:includes、findIndex……

Vue iview IE不兼容报错,Babel poly改写如何避免?

以下方案可以解决该问题:

1. Github iview仓储Issues中提到的

改编译范围请用 transpileDependencies: [‘iview'],不要用 include.add,因为默认配置里用了 exclude,在 webpack 中,多个条件同时存在时需要每个条件都满足才执行 rule。

但是加了这个选项后在所有浏览器里都会报错,因为 iView 里这个文件不兼容 ES Module。该文件是用很旧版本的 UMD 格式打包的,新版本 UMD 修复了报错的问题,但没有解决和 ES Module 互操作的问题。

阅读全文

本文共计671个文字,预计阅读时间需要3分钟。

Vue iview IE不兼容报错,Babel poly改写如何避免?

由Iview编译使用ES6新特性导致IE所有版本报错,如includes、findIndex等问题。个人研究涉及环境:VueCli3.2+iview 3.1.5,在IE中不支持ES6新特性,例如:

由于Iview编译使用到了es6的一些新特性,Internet Explorer所有版本中都会报错,缺少includes、findIxdex等问题。

本人研究涉及到的环境:VueCli3.2 + iview 3.1.5

在IE中不支持ES6的新特性,例如:includes、findIndex……

Vue iview IE不兼容报错,Babel poly改写如何避免?

以下方案可以解决该问题:

1. Github iview仓储Issues中提到的

改编译范围请用 transpileDependencies: [‘iview'],不要用 include.add,因为默认配置里用了 exclude,在 webpack 中,多个条件同时存在时需要每个条件都满足才执行 rule。

但是加了这个选项后在所有浏览器里都会报错,因为 iView 里这个文件不兼容 ES Module。该文件是用很旧版本的 UMD 格式打包的,新版本 UMD 修复了报错的问题,但没有解决和 ES Module 互操作的问题。

阅读全文