ReferenceError: require не определен при импорте ApolloClient из 'apollo-boost'

Question

Итак, я получаю эту странную ошибку, ReferenceError: require не определен при импорте ApolloClient из 'apollo-boost'. Без импорта приложение ApolloClient работает, но при импорте выдает ошибку. Скриншот ошибки находится на прикрепленном изображении: Вот изображение

Вот мой код

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './components/App';

import  ApolloClient  from 'apollo-boost';
import { ApolloProvider } from 'react-apollo';


const client = new ApolloClient({
    uri:"http://localhost:4444/graphql"
})
ReactDOM.render(
    <ApolloProvider client={client}>
        <App />
    </ApolloProvider>
, document.getElementById('root'));

Answer 1

Установить graphql v14.0.2 (или новый). Пакет Graphql должен быть в вашем package.json.

Подробнее см. Оригинальное решение здесь: https://github.com/apollographql/apollo-link-state/issues/299#issuecomment-421784547

Answer 2

Перейти к node_modules / реагировать-скрипты / config / webpack.config (оба файла dev && prod)

{
  test: /\.mjs$/,
  include: /node_modules/,
  type: "javascript/auto"
},

мимо вышеуказанного кода внутри rules: [