Javascript 在React应用程序中编译时出错

元素类型无效：应为字符串（对于内置组件） 或者一个类/函数（用于复合组件），但得到：object。你 可能忘记了从定义组件的文件中导出组件， 或者您可能混淆了默认导入和命名导入

检查

App

的渲染方法

//index.js
从“React”导入React；
从“react dom”导入react dom；
从“react router dom”导入{BrowserRouter}；
导入'bootstrap/dist/css/bootstrap.css'；
导入“./index.css”；
从“./App”导入应用程序；
从“./registerServiceWorker”导入registerServiceWorker；
ReactDOM.render(
,
document.getElementById（'root'））
);
registerServiceWorker（）；
//App.js
从“React”导入React，{Component}//从导入徽标
“./logo.svg”；导入“/App.css”；
从导入HeaderComponent
“/组件/头组件/头组件”；
从“./Components/FooterComponent/FooterComponent”导入FooterComponent；
从“./Components/Main/Main”导入Main；
常量App=（）=>{
返回(
) }
导出默认应用程序我认为错误很明显，您的一个导入没有导入有效的react组件

export default HeaderComponent extends Component { ... }

export default Main extends Component { ... }

export default FooterComponent extends Component { ... }

要解决此问题，请确保所有导入都导出了react组件，即无状态组件的类或函数

对于每个组件，您可能有如下内容

export default HeaderComponent extends Component { ... }

export default Main extends Component { ... }

export default FooterComponent extends Component { ... }

您是否将
HeaderComponent
、
Main
和
FooterComponent
导出为各自文件的默认导出？我现在创建了所有这些组件