Как добавить поддержку vue-apollo для IE11?

Я работаю над стеком MEVN с реализацией GraphQL. У меня были проблемы с отображением моего приложения Vue в IE11, но затем я добавил babel-polyfill, который обеспечивает поддержку шаблонов vuetify и vue. Теперь приложение vue загружает шаблоны vue, но у меня проблемы с vue-apollo.

Я пытался использовать es6-promise и isomorphic-unfetch, но все еще сталкиваюсь с ошибками vue-apollo.

https://i.imgur.com/Ye7R7Qc.jpg "ошибки vue-apollo"

Пожалуйста, также проверьте правильность моих файлов конфигурации

Babel.config.js

module.exports = {
  presets: [
    [
      '@vue/app',
      {
        useBuiltIns: 'entry',
      },
    ],
    [ '@babel/preset-env' ],
  ],
  sourceType: 'unambiguous',
};

main.js

import 'babel-polyfill';
import Vue from 'vue';
import 'isomorphic-unfetch';
import 'es6-promise/auto';

vue.config.js

 transpileDependencies: ['vuetify'],

appoloConfig.js

// Create the apollo client
const apolloClient = new ApolloClient({
  link,
  cache: new InMemoryCache(),
  connectToDevTools: true,
  defaultOptions: {
    query: {
      fetchPolicy: 'network-only',
    },
  },
  fetchOptions: { fetch },
});

Я новичок в мире vue, я пытаюсь заставить свое приложение vue работать и в IE, любая помощь очень ценится :)


vue.js vuetify.js vue-apollo internet-explorer-11 babel-polyfill
person Junaid    schedule 05.08.2019    source источник
comment
Вы имеете в виду, что до использования vue-apollo ваше приложение (vue + Vuetify) хорошо работало в браузере IE, и после его использования приложение покажет эту проблему? Из сообщения об ошибке он содержит Network SecurityError, вы можете попытаться сослаться на этот поток и отключите автоматический алгоритм IE для распознавания локальных сайтов. Кроме того, вот статья об использовании Vue Apollo. , вы можете проверить это.   -  person Zhi Lv    schedule 06.08.2019
comment
Да, мое приложение vue + vuetify загружается, но есть некоторые компоненты, которые не загружаются, например раскрывающиеся списки и v-card. Я проверил документы apollo и использовал isomorphic-unfetch, данные извлекаются и отправляются на сервер, но я действительно не знаю, почему он показывает ошибку для подписок и почему некоторые v-карты и выпадающие списки не работают, но все остальное вроде нормально.   -  person Junaid    schedule 06.08.2019
comment
Вот как v-cards выглядят в хроме как визитки выглядят в IE i.imgur.com/yv9sqiJ.jpg   -  person Junaid    schedule 06.08.2019
comment
Попробуйте использовать сетевые инструменты разработчика F12, чтобы проверить веб-запрос, содержит ли он какую-либо ошибку? можно ли получить данные со стороны сервера? Поскольку эта проблема связана с vue apollo, вы также можете опубликовать свою проблему на этот форум .   -  person Zhi Lv    schedule 08.08.2019