将组件添加到入口点时出现问题,此错误立即在此处弹出,该如何解决?我也尝试仅添加Main组件,但无论如何我都会遇到该错误,在main.jsx中,仅带有渲染方法的类返回“ hello world”
_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') );
Webpack配置
'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"
Google建议将ract的版本升级到16,但是我认为这不是旧版本的问题。
react-redux v6.0.0使用由反应,以便为它提供工作新环境的API, 要么你需要降级react-redux到v5.x.x或 升级react,并react-dom以v16.4以上
react-redux v6.0.0
react-redux
v5.x.x
react
react-dom
v16.4
如果使用纱线,则可以运行
yarn upgrade react react-dom
否则,您可以运行npm
npm update react react-dom
您也可以在package.json中手动更改版本,然后运行yarn install或npm install
yarn install
npm install