小编Ani*_*ddh的帖子

我正在使用 React 中的 Context API 制作一个待办事项应用程序。在启动开发服务器时，它抛出错误：

类型错误：react__WEBPACK_IMPORTED_MODULE_0___default(...) 不是函数

我是 React 的初学者，无法找出发生此问题的任何可能原因。这是我的App.js：

import React, {useReducer} from 'react';
import Container from "reactstrap/lib/Container";
import "bootstrap/dist/css/bootstrap.min.css";
import './App.css';

import {TodoContext} from './Context/TodoContext';
import todoReducer from "./Context/reducer";

const App = () => {
  const [todo, dispatch] = useReducer(todoReducer, [])
  return(
    <TodoContext.Provider value={{todo, dispatch}}>
      <Container fluid>
        <h1>
          Todo App with Context API
        </h1>
      </Container>
    </TodoContext.Provider>
  )
}

export default App;

我^16.3.1同时使用react和react-dom

根据阿波罗文档：

如果您的服务器使用 cookie 进行身份验证，您可以将端点配置为与https://studio.apollographql.com共享这些 cookie 。要进行此设置，您的 cookie 值必须包含SameSite=None; Secure. 此外，这些 CORS 标头必须存在于服务器对 Studio 的响应中：

Access-Control-Allow-Origin: https://studio.apollographql.com
Access-Control-Allow-Credentials: true

Run Code Online (Sandbox Code Playgroud)

我已经完成了那里提到的所有事情。我使用的是express，所以我使用cors中间件来设置标头：

 app.use(
    cors({
      credentials: true,
      origin: "https://studio.apollographql.com",
    })
  );

但每当我在操场上打开“允许 Cookie”的开关时，状态都会变成红色（即“无法到达服务器”）。我的编辑器和nodemon没有显示错误。关闭“允许 Cookie”开关可以解决问题，但会禁用 Cookie 功能。

我该如何解决这个问题？