Требование не определено с помощью polyfill для fixPromise не определено в IE 11

Question

Я получаю сообщение об ошибке Promise is not defined в Internet Explorer 11, я установил babel-polyfill с npm, чтобы исправить это, и я установил в верхней части js (простой файл js, не угловой илилюбой другой фреймворк) файл, включенный в viw этот код

require("@babel/polyfill");

, но я получаю require is not defined. Как мне включить polyfill?

Answer 1

Чтобы использовать require или ES6 import, вам потребуется пакет, такой как webpack, parcel.js или накопительный пакет.

Чтобы использовать полифиллы без упаковщика, вам нужно включить этот скрипт в ваш HTML до вашего собственного JS:

https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.0.0/polyfill.min.js

Итак, добавьте тег script:

<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-polyfill/7.0.0/polyfill.min.js"></script>

В этом случае, конечно, вы удаляете эту строку require("@babel/polyfill"); из вашего собственного JS.

Если вы уже осуществляете переход с babel, вы также можете использовать этот плагин для преобразования синтаксиса import '@babel/polyfill' в то, что браузер поймет.