从“ apollo-boost”导入ApolloClient时未定义ReferenceError：require

Question

因此，当我从“ apollo-boost”导入ApolloClient时，出现了一个奇怪的错误， ReferenceError：未定义。不导入，ApolloClient应用程序正在运行，但是导入时显示错误。 错误的屏幕快照在所附的图像中： Here is the image

这是我的密码

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 / react-scripts / config / webpack.config （两个dev && prod文件）

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

将以上代码粘贴在rules: [

中