Reactjs 您可能忘记了从文件it';在中定义,或者您可能混淆了默认导入和命名导入 从“React”导入React; 从“react dom”导入react dom; 从“redux”导入{createStore}; 从“历史记录/createBrowserHistory”导入createHistory; 从'react redux'导入{Provider}; 从“react router redux”导入ConnectedRouter; 从“react router”导入{Route,Switch}; 从“/pages/Home”导入主页; 从“/pages/Register”导入注册表; 从“/pages/CourseManagerDashboard”导入CourseManagerDashboard; 从“/pages/CourseDetail”导入CourseDetail; 从“./App/App”导入应用程序; 从“./components/LoginForm”导入LoginForm; const store=createStore( 状态=>状态 ); const history=createHistory(); ReactDOM.render(( ),document.getElementById('app');

Reactjs 您可能忘记了从文件it';在中定义,或者您可能混淆了默认导入和命名导入 从“React”导入React; 从“react dom”导入react dom; 从“redux”导入{createStore}; 从“历史记录/createBrowserHistory”导入createHistory; 从'react redux'导入{Provider}; 从“react router redux”导入ConnectedRouter; 从“react router”导入{Route,Switch}; 从“/pages/Home”导入主页; 从“/pages/Register”导入注册表; 从“/pages/CourseManagerDashboard”导入CourseManagerDashboard; 从“/pages/CourseDetail”导入CourseDetail; 从“./App/App”导入应用程序; 从“./components/LoginForm”导入LoginForm; const store=createStore( 状态=>状态 ); const history=createHistory(); ReactDOM.render(( ),document.getElementById('app');,reactjs,redux,react-redux,react-router,redux-form,Reactjs,Redux,React Redux,React Router,Redux Form,获取以下错误: 元素类型无效:需要字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记了从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。 无法跟踪问题的确切位置。我知道这听起来很傻,但请尝试使用简单的控制台检查所有导入的组件。log: console.log('Provider', Provider); console.log('ConnectedRouter', ConnectedRouter); console.log('Route', Route);

获取以下错误:

元素类型无效:需要字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记了从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。
无法跟踪问题的确切位置。

我知道这听起来很傻,但请尝试使用简单的
控制台检查所有导入的组件。log

console.log('Provider', Provider);
console.log('ConnectedRouter', ConnectedRouter);
console.log('Route', Route);
console.log('Switch', Switch);
console.log('Home', Home);
console.log('Register', Register);
console.log('CourseManagerDashboard', CourseManagerDashboard);
console.log('CourseDetail', CourseDetail);
console.log('App', App);
console.log('LoginForm', LoginForm);
将其置于
ReactDOM.render
之前,置于
const history=createHistory()之后


该行中的
未定义
导致了问题。

您的一个组件导入可能不是问题所在correct@dentemm感谢您的快速回复,在phpstorm编辑器上编写代码时,我没有看到显示任何错误,但在保存文件并在浏览器上查看前端渲染时,我收到了此错误,它会在编辑器中显示所有正确导入的组件。您创建的组件在共享代码中导入了哪些组件。确保所有这些组件类都以导出默认类开头。不应该是出口class@hemadri当然会检查我已经替换为,所以现在它很好,但是很多人说使用ConnectedRouter Ref:如果我使用版本“react router redux”:“^4.0.8”,那么我必须导入ConnectedRouter而不带花括号,但是当使用最新的Alpha版本时,我可以将其称为{ConnectedRouter},但即使这样,在渲染时也会出现一些其他错误。请使用
connected react router
npm包,而不是
react router redux
。用大括号导入:
Import{ConnectedRouter}来自“connected react router”。请参阅项目GitHub页面上的。确定将检查。谢谢@david molnarIf如果您认为我的答案有帮助,请将其标记为答案(请参见答案正文旁的勾号符号)。