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

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

0 голосов
/ 19 марта 2019

У меня есть приложение 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 в моем приложении.Я продолжаю поиски.

1 Ответ

1 голос
/ 19 марта 2019

Итак, проблема была в зависимости, которую я использовал. 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

...