Question

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

检查App。

的渲染方法

//index.js
import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter} from 'react-router-dom';

import 'bootstrap/dist/css/bootstrap.css';
import './index.css';
import App from './App';
import registerServiceWorker from './registerServiceWorker';

ReactDOM.render(
  <BrowserRouter>
    <App />
  </BrowserRouter>,
  document.getElementById('root')
);
registerServiceWorker();
            
                
                
//App.js  


import React, { Component } from 'react'; //import logo from
'./logo.svg'; import './App.css';

import HeaderComponent from
'./Components/HeaderComponent/HeaderComponent'; 
import FooterComponent from './Components/FooterComponent/FooterComponent'; 
import Main from './Components/Main/Main';
const App = () =>  { 
  return(
     <div>
       <HeaderComponent />
       <Main />
       <FooterComponent />
     </div>   ) }
 
export default App;

Answer 1

我认为错误很明显，你的一个导入没有导入有效的反应组件。

要解决此问题，请确保所有导入都导出反应组件，无论是类还是无状态组件的函数。

对于每个组件，您可能会有以下内容。

export default HeaderComponent extends Component { ... }

export default Main extends Component { ... }

export default FooterComponent extends Component { ... }

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

1 个答案: