Reactjs ReferenceError:从'；导入客户端时未定义require；阿波罗助推器'；

所以我得到了一个奇怪的错误，ReferenceError:require在从“apollo boost”导入apollo客户端时没有定义。未导入时，客户端应用程序正在运行，但导入时显示错误。 错误截图见所附图像：

这是我的密码 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'));

从“React”导入React；
从“react dom”导入react dom；
导入“./index.css”；
从“./components/App”导入应用程序；
从“apollo boost”导入apollo客户端；
从'react apollo'导入{ApolloProvider}；
const客户端=新客户端({
uri:“http://localhost:4444/graphql"
})
ReactDOM.render(
，document.getElementById（'root'）；

转到节点\u模块/react scripts/config/webpack.config（开发和生产文件）

---

超过

规则中的上述代码：[

安装graphql v14.0.2（或新的）。graphql包必须位于package.json中

有关更多信息，请参见此处的原始解决方案：

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