如何為 ie11 的 String.repeat 函數添加 polyfill？

Question

我將如何為 ie11 的 String.repeat 方法添加 polyfill？ 我沒有直接在我的代碼中使用它，它可能是一些導入的庫。

在 IE 控制台中，我收到此錯誤： Object doesn't support property or method 'repeat'

我也得到'AbortController' is undefined ，我也沒有使用我的代碼，可能再次使用外部庫。

我正在使用 create react app 並在 index.js 中導入：

import 'react-app-polyfill/ie9';
import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';

我嘗試將https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/repeat#Polyfill添加到我的 index.js 但它沒有做任何事情。

有沒有其他人有類似的問題？

Answer 1

要為 IE11 添加String.repeat polyfill，我建議使用core-js庫來填充缺失的功能。

通過運行以下命令安裝core-js ：

npm install --save core-js@3.6.5

在src/index.js ，在最頂部導入適當的 polyfill：

import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';
import 'core-js/features/string/repeat';

import React from 'react';
// ...

---

至於AbortController ，請通過運行以下命令來安裝它：

npm install --save abortcontroller-polyfill

編輯您的src/index.js文件以導入它：

import 'react-app-polyfill/ie11';
import 'react-app-polyfill/stable';
import 'core-js/features/string/repeat';
import 'abortcontroller-polyfill';

import React from 'react';
// ...

• 您不需要為AbortController安裝promise-polyfill/src/polyfill unfetch/polyfill promise-polyfill/src/polyfill unfetch/polyfill和unfetch/polyfill AbortController因為 IE11 的create-react-apps AbortController已經帶有Promise和fetch polyfills
  • 支持 Internet Explorer
• 但是，如果您沒有使用create-react-app IE11 polyfills，我建議您查看以下答案：
  • IE11 中的中止控制器不起作用。 任何方式來支持它

Answer 2

這是針對 IE 的 ES6 不兼容問題。

使用 npm 添加以下 polyfill

promise-polyfill
unfetch
abortcontroller-polyfill

並像這樣導入它們

import Promise from "promise-polyfill";
import fetch from 'unfetch';
import 'abortcontroller-polyfill';

用於Abortcontroller

& For Object.repeat將 MDN 的Object.repeat代碼復制並粘貼到您的第一個 JS 文件中。 那就行了。

編輯對於 React 這應該是這樣的（你可以在index.js做到）

// import polyfills
import 'react-app-polyfill/stable';
import 'react-app-polyfill/ie11';

import Promise from "promise-polyfill";
import fetch from 'unfetch';
import 'abortcontroller-polyfill';