Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Node.js 为什么可以';t我使用react.createContext()_Node.js_Reactjs_React Context - Fatal编程技术网

Node.js 为什么可以';t我使用react.createContext()

Node.js 为什么可以';t我使用react.createContext(),node.js,reactjs,react-context,Node.js,Reactjs,React Context,您好,在遵循指南中的步骤之后,我一直在尝试将react context api实现到我的项目中: 当我试图显示一些信息时,结果出现了一个错误 这是我在控制台日志中得到的错误: OrderListProvider.js:6 Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_0_react__.createContext is not a function at Object../src/context/OrderListProvider.js (

您好,在遵循指南中的步骤之后,我一直在尝试将react context api实现到我的项目中:

当我试图显示一些信息时,结果出现了一个错误

这是我在控制台日志中得到的错误:


OrderListProvider.js:6 Uncaught TypeError: __WEBPACK_IMPORTED_MODULE_0_react__.createContext is not a function
    at Object../src/context/OrderListProvider.js (OrderListProvider.js:6)
    at __webpack_require__ (bootstrap 39db4eed0e38b5656c68:678)
    at fn (bootstrap 39db4eed0e38b5656c68:88)
    at Object../src/components/Home.js (FetchData.js:3)
    at __webpack_require__ (bootstrap 39db4eed0e38b5656c68:678)
    at fn (bootstrap 39db4eed0e38b5656c68:88)
    at Object../src/App.js (fetch.js:461)
    at __webpack_require__ (bootstrap 39db4eed0e38b5656c68:678)
    at fn (bootstrap 39db4eed0e38b5656c68:88)
    at Object../src/index.js (index.css?f255:26)
    at __webpack_require__ (bootstrap 39db4eed0e38b5656c68:678)
    at fn (bootstrap 39db4eed0e38b5656c68:88)
    at Object.0 (registerServiceWorker.js:108)
    at __webpack_require__ (bootstrap 39db4eed0e38b5656c68:678)
    at bootstrap 39db4eed0e38b5656c68:724
    at bootstrap 39db4eed0e38b5656c68:724
我尝试更新我的react,因为指南提到我至少需要16.3,而我只有16.0.0

然而,在更新后,对最新版本的反应仍然是一样的。在github的发行说明中,我似乎找不到任何关于它的信息

这是我的createContext函数:


const OrderListContext = React.createContext(DefaultState);


这就是我消费它的地方:

<OrderListProvider>
                <OrderListConsumer>
                    {function (value) {
                        const { orderList } = value
                        return (
                            <ul>
                                {orderList.map(listing => (
                                    <li>{listing.varetitle}</li>
                                ))}
                            </ul>
                        )
                    }}
                </OrderListConsumer>
            </OrderListProvider>


edit2:我在stackblitz中重新创建了代码,但没有从获取函数中获取数据:它似乎没有显示错误,因此我不明白为什么我的代码在visual studio 2017中不起作用

edit3:我也尝试过验证和清除我的npm缓存,但它仍然显示相同的错误


edit4:Node.js也已更新到最新版本。仍然是相同的错误。

您必须将
react
react dom
的版本升级到v16.4或更高版本

npm update react react-dom
如果你使用纱线,你可以跑步

yarn upgrade react react-dom
工作演示

因此,我删除了整个节点模块文件夹,并用


npm install

很抱歉,我应该包含package.json,但我已将其更新为16.10.2,它仍然显示相同的错误。我已将链接附加到您可以找到工作演示的位置。你能比较一下并找出问题所在吗?从中我能看到唯一的区别是我包含了一个默认状态。我试着删除它,但它仍然给出了相同的错误。您是否可以在stackblitz上复制相同的问题?我做的几乎和我的一模一样,只是没有提取数据。我把它添加到默认状态。这个问题没有显示出来,所以我不确定发生了什么。您是否
从'React'导入React'
?安装新版本后是否重新启动了webpack dev server?
const OrderListContext=React.createContext(DefaultState)
是的,我将“import*作为React from”React“重新启动webpack dev server有特殊方法吗?我刚从Visual studio启动iis express。请停止并重新启动它。。。或重新启动visual studio“\_(ツ)_/¯
yarn upgrade react react-dom