Javascript ReactJS:构建项目获得“后”;TypeError:n.render不是函数;

Javascript ReactJS:构建项目获得“后”;TypeError:n.render不是函数;,javascript,reactjs,material-ui,Javascript,Reactjs,Material Ui,当我运行命令npm run时没有任何问题,但是在npm运行build并提供它之后,我在控制台中遇到错误:“uncaughtypeerror:n.render不是一个函数” 我的环境是: 节点:v12.13.0 净现值:6.12.0 我想这是因为我的npm版本与project的reactjs版本不兼容 我的档案如下: package.json: index.js 从“React”导入React; 从“react dom”导入react dom; 从“react hot loader”导入{AppC

当我运行命令npm run时没有任何问题,但是在npm运行build并提供它之后,我在控制台中遇到错误:“uncaughtypeerror:n.render不是一个函数” 我的环境是: 节点:v12.13.0 净现值:6.12.0

我想这是因为我的npm版本与project的reactjs版本不兼容

我的档案如下:

package.json: index.js
从“React”导入React;
从“react dom”导入react dom;
从“react hot loader”导入{AppContainer};
从“./store/configureStore”导入configureStore,{history};
从“./components/Root”导入根目录;
将*作为serviceWorker从“/serviceWorker”导入;
const store=configureStore();
ReactDOM.render(
,
document.getElementById('root'))
);
如果(模块热){
module.hot.accept('./组件/根',()=>{
const NewRoot=require('./组件/Root')。默认值;
ReactDOM.render(
,
document.getElementById('root'))
);
});
}
serviceWorker.unregister();
Root.js
import React,{Component}来自'React';
从“道具类型”导入道具类型;
从“react router redux”导入{ConnectedRouter};
从'react redux'导入{Provider};
从'react router dom'导入{Route};
从“组件/ScrollToTop”导入ScrollToTop;
从“./App”导入应用程序;
导出默认类根扩展组件{
render(){
const{store,history}=this.props;
返回(
);
}
}
Root.propTypes={
存储:PropTypes.object.isRequired,
历史记录:PropTypes.object.isRequired
};

请帮忙。谢谢大家!

这里有什么可能有用的?我也有错误,但这个解决方案似乎与react native一起工作。
{
  "name": "material",
  "private": true,
  "version": "4.0.0",
  "main": "",
  "homepage": "",
  "scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test --env=jsdom",
    "eject": "react-scripts eject",
    "prettier": "prettier --write ./src/**/**/**/*"
  },
  "dependencies": {
    "@material-ui/core": "^1.5.0",
    "@material-ui/icons": "^2.0.2",
    "@material-ui/lab": "^1.0.0-alpha.10",
    "axios": "^0.19.0",
    "classnames": "^2.2.6",
    "core-js": "^2.5.7",
    "date-fns": "2.0.0-alpha.7",
    "downshift": "^2.1.1",
    "echarts": "^4.1.0",
    "echarts-for-react": "^2.0.14",
    "element-resize-event": "^2.0.9",
    "font-awesome": "~4.7.0",
    "history": "^4.6.1",
    "jquery": "^3.4.1",
    "jquery-slimscroll": "~1.3.8",
    "material-ui-pickers": "1.0.0-rc.11",
    "prop-types": "^15.6.2",
    "rc-queue-anim": "^1.6.5",
    "react": "^16.4.2",
    "react-dom": "^16.4.2",
    "react-hot-loader": "^4.3.4",
    "react-loadable": "^5.5.0",
    "react-redux": "^5.0.7",
    "react-router": "^4.3.1",
    "react-router-dom": "^4.3.1",
    "react-router-redux": "5.0.0-alpha.6",
    "react-scripts": "2.0.0-next.3e165448",
    "redux": "^4.0.0",
    "redux-immutable-state-invariant": "^2.1.0",
    "redux-thunk": "^2.3.0"
  },
  "browserslist": {
    "development": [
      "last 2 chrome versions",
      "last 2 firefox versions",
      "last 2 edge versions"
    ],
    "production": [
      ">0.25%",
      "not op_mini all",
      "ie 11"
    ]
  },
  "devDependencies": {
    "bootstrap": "^4.3.2",
    "node-sass": "^4.12.0",
    "prettier": "^1.14.2",
    "react-app-rewire-provide-plugin": "^1.0.0",
    "react-app-rewired": "^1.5.2"
  }
}
import React from 'react';
import ReactDOM from 'react-dom';
import { AppContainer } from 'react-hot-loader';
import configureStore, { history } from './store/configureStore';
import Root from './components/Root';
import * as serviceWorker from './serviceWorker';
const store = configureStore();

ReactDOM.render(
  <AppContainer>
    <Root store={store} history={history} />
  </AppContainer>,
  document.getElementById('root')
);

if (module.hot) {
  module.hot.accept('./components/Root', () => {
    const NewRoot = require('./components/Root').default;
    ReactDOM.render(
      <AppContainer>
        <NewRoot store={store} history={history} />
      </AppContainer>,
      document.getElementById('root')
    );
  });
}

serviceWorker.unregister();

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { ConnectedRouter } from 'react-router-redux';
import { Provider } from 'react-redux';
import { Route } from 'react-router-dom';
import ScrollToTop from 'components/ScrollToTop';
import App from './App';

export default class Root extends Component {
  render() {
    const { store, history } = this.props;
    return (
      <Provider store={store}>
        <ConnectedRouter history={history}>
          <ScrollToTop>
            <Route path="/" component={App} />
          </ScrollToTop>
        </ConnectedRouter>
      </Provider>
    );
  }
}

Root.propTypes = {
  store: PropTypes.object.isRequired,
  history: PropTypes.object.isRequired
};