Пустая страница приложения Vue в IE 11 или ниже, даже с полифиллами

У меня есть приложение Vue, работающее в Firefox, Edge и Chrome, однако в IE 11 (или более ранней версии) я вижу пустую страницу. А в консоли IE видим что-то вроде SCRIPT1002: Syntax error app.js и SCRIPT5022: SecurityError sockjs.js.

Синтаксическая ошибка относится к строке, которая содержит: eval("__webpack_require__.r(__webpack....Verry long string).

Ошибка безопасности переходит в блок, который содержит:

var Driver = global.WebSocket || global.MozWebSocket;
if (Driver) {
    module.exports = function WebSocketBrowserDriver(url) {
        return new Driver(url); // Where this line is marked
    };
} else {
    module.exports = undefined;
}

После некоторых исследований я обнаружил, что это может быть как-то связано с отсутствующими полифиллами. Поэтому я добавил import "@babel/polyfill"; к main.ts и presets: [["@vue/app", { useBuiltIns: "entry" }]] к babel.config.js. Но те же ошибки появляются в IE. Я попробовал некоторые другие методы, описанные в https://cli.vuejs.org/guide/browser-compatibility.html. Но ни один не имел успеха для меня.

На данный момент я абсолютно не в курсе, потому что подобные проблемы в Интернете указывают на отсутствие полифилов.

Некоторая дополнительная информация о приложении:

  • Был создан с использованием Vue cli 3
  • Использует машинописный текст.
  • Использует некоторые новые функции js, такие как Object.entries

Обновлять:

Посмотрев еще немного на ошибку, я обнаружил, что у IE11 есть проблемы с загрузкой модуля vuex-persist в моем приложении. Я продолжаю свои поиски.


typescript vue.js babeljs polyfills internet-explorer-11
person Gilian    schedule 19.03.2019    source источник

Ответы (1)


arrow_upward
3
arrow_downward

Итак, проблема была с зависимостью, которую я использовал. vuex-persist вызывал проблему. Исправление состояло в том, чтобы добавить следующее в vue.config.js:

module.exports = {

/* ... other config ... */

  transpileDependencies: ['vuex-persist']

}

Спасибо: https://forum.vuejs.org/t/internet-explorer-11-script1002-blank-page-error/53327/5

person Gilian    schedule 19.03.2019