Javascript ReactJS:构建项目获得“后”;TypeError:n.render不是函数;
当我运行命令npm run时没有任何问题,但是在npm运行build并提供它之后,我在控制台中遇到错误:“uncaughtypeerror:n.render不是一个函数” 我的环境是: 节点:v12.13.0 净现值:6.12.0 我想这是因为我的npm版本与project的reactjs版本不兼容 我的档案如下: package.json: index.jsJavascript 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
从“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
};