Я использую Apollo для GraphQL.В Chrome все работает без проблем, но когда я запускаю свой сайт в Internet Explorer, я получаю эту странную ошибку.
Ошибка
выборка не найдена глобально и сборщик не пройден, чтобы исправить передачу выборки для вашей среды, например https://www.npmjs.com/package/unfetch. Например:
import fetch from 'unfetch';
import { createHttpLink } from 'apollo-link-http';
const link = createHttpLink({ uri: '/graphql', fetch: fetch });
Итак, я попробовал их подход, но все равно получаю ту же ошибку.
Измененный код:
import React from 'react';
import ReactDOM from 'react-dom';
import AppRouter from './routers/AppRouter';
import ApolloClient from "apollo-boost";
import {ApolloProvider} from 'react-apollo';
import { CookiesProvider } from 'react-cookie';
import fetch from 'unfetch';
import { createHttpLink } from 'apollo-link-http';
const link = createHttpLink({ uri: '/graphql', fetch: fetch });
const jsx = (
<ApolloProvider client={link}>
<MuiThemeProvider theme={theme}>
<CookiesProvider>
<AppRouter/>
</CookiesProvider>
</MuiThemeProvider>
</ApolloProvider>
);
ReactDOM.render(jsx, document.getElementById('app'));
Оригинал:
import React from 'react';
import ReactDOM from 'react-dom';
import AppRouter from './routers/AppRouter';
import ApolloClient from "apollo-boost";
import {ApolloProvider} from 'react-apollo';
import { CookiesProvider } from 'react-cookie';
const client = new ApolloClient({
uri: "/graphql"
});
const jsx = (
<ApolloProvider client={client}>
<MuiThemeProvider theme={theme}>
<CookiesProvider>
<AppRouter/>
</CookiesProvider>
</MuiThemeProvider>
</ApolloProvider>
);
ReactDOM.render(jsx, document.getElementById('app'));
Так что же я здесь не так делаю?