我在向入口点添加组件时遇到问题,这个错误会立即出现在这里,如何修复?

_react.default.createContext is not a function

// App.jsx

import React from 'react';
import { render } from 'react-dom';
import { Provider } from 'react-redux';
import { BrowserRouter } from 'react-router-dom';

import 'react-select/dist/react-select.css';

import configureStore from './Data/store/configureStore';
import Main from "./Templates/Main/Main";

const store = configureStore();
render(
    <div>
        <Provider store={store}>
            <BrowserRouter>
                <Main/>
            </BrowserRouter>
        </Provider>
    </div>,
    document.getElementById('app-root')
);

网页包配置

'use strict';

var path = require('path');
var webpack = require('webpack');
var HtmlWebpackPlugin = require('html-webpack-plugin');

module.exports = {
  devtool: 'eval-source-map',
  entry: [
    'webpack-hot-middleware/client?reload=true',
    path.join(__dirname, 'src/app.jsx')
  ],
  resolve: {
    root: [
      path.resolve(__dirname, "src"),
    ],
    extensions: ['', '.js', '.jsx', '.css']
  },
  output: {
    path: path.join(__dirname, '/public/'),
    filename: '[name].js',
    publicPath: '/'
  },
  plugins: [
    new HtmlWebpackPlugin({
      template: 'src/index.tpl.html',
      inject: 'body',
      filename: 'index.html'
    }),
    new webpack.optimize.OccurenceOrderPlugin(),
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin(),
    new webpack.DefinePlugin({
      'process.env.NODE_ENV': JSON.stringify('development')
    })
  ],
  module: {
    loaders: [{
      test: /\.jsx?$/,
      exclude: /node_modules/,
      loader: 'babel',
      query: {
        presets: ['es2015', 'react']
      }
    }, {
      test: /\.css$/,
      loader: 'style!css'
    }]
  }
};

和依赖关系

    "react": "^15.6.2",
    "react-addons-update": "^15.6.2",
    "react-bootstrap": "^1.0.0-beta.5",
    "react-dom": "^15.6.2",
    "react-helmet": "^5.2.0",
    "react-redux": "^6.0.0",
    "react-router": "^4.3.1",
    "react-router-dom": "^4.3.1",
    "react-select": "^1.0.0-beta13",
    "redux": "^4.0.1",
    "redux-thunk": "^2.3.0",
    "sequelize": "^3.20.0",
    "sqlite3": "^4.0.6"

谷歌建议将ract升级到第16版,但我不认为这是旧版本的问题.

推荐答案

react-redux v6.0.0使用React提供的新上下文api,为了工作,either you need to downgrade 101 to 102upgrade 103 and 104 to 105 or above

如果你使用Yarn ,你可以 run

yarn upgrade react react-dom

还有npm,你可以 run

npm update react react-dom

您也可以手动更改软件包中的版本.然后运行yarn installnpm install

Reactjs相关问答推荐

react-hook-form问题:为什么getValues不返回大多数当前值?

有正确的方法来设置我的金牛座应用程序的图标吗?

For循环中的元素在Reaction中丢失挂钩

Redux Store未触发React组件中的重新呈现

从 MongoDB createAt 字段中分割精确时间

使用获取的数据更新状态,但在try console.log 时它给出未定义

如何优化 React 应用程序的性能?

ReactJS 中的图像加载顺序

useEffect内部的RETURN语句在首次按钮点击事件中似乎无效的原因是什么?

Material UI @mui/material/Button vs @material-ui/core/Button,它什么时候改变的,旧版本的文档在哪里

Zod 验证模式根据另一个数组字段使字段成为必需字段

如何使用 redux 和 react-plotly.js

如何到达类组件中的状态?

为什么接受 useState 返回的函数的 setter 在使用 React 的单个调用中执行两次?

未捕获的类型错误:useSelector 不是函数

具有自动完成功能的 Formik material ui 无法按预期工作

使用 yarn 编译 protobuf js 时出现错误pbjs: command not found

为什么我在运行一些 npm react 命令时会收到这些警告?

交换键仍然引入了 fresh 的 DOM 元素

在 Redux 中更新布尔状态时出错