Реакция: Ошибка — недопустим тип элемента: ожидается строка (для встроенных компонентов)

#javascript #reactjs

Вопрос:

У меня были некоторые проблемы с этим кодом, и, похоже, я не могу его исправить. Я был бы признателен за любую помощь.

Ошибка:

Ошибка: Недопустимый тип элемента: ожидается строка (для встроенных компонентов) или класс/функция (для составных компонентов), но получено: объект. Скорее всего, вы забыли экспортировать свой компонент из файла, в котором он определен, или вы, возможно, перепутали импорт по умолчанию и именованный импорт.

 Check the render method of `App`.
 

Это мое index.js код:

    import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import './index.css';
import App from './App';



ReactDOM.render((
    <BrowserRouter>
        <App />
    </BrowserRouter>
), document.getElementById('root')); 

И мой App.js:

 import { Route } from 'react-router-dom';

import AllMeetupsPage from './pages/AllMeetups';
import NewMeetupPage from './pages/NewMeetup';
import FavoritesPage from './pages/Favorites';


function App() {
  return (
    <div>
      <Route path='/' exact>
      <AllMeetupsPage />
      </Route>
      <Route path='/new-meetup'>
      <NewMeetupPage />
      </Route>
      <Route path='/favoriters'>
      <FavoritesPage />
      </Route>
      </div>
  );
}

export default App 

Комментарии:

1. Вам нужно показать, как вы экспортируете все свои страницы, как указано в сообщении об ошибке

2. его функция и => имя страницы экспорта по умолчанию;

3. Отредактируйте свой фактический вопрос, похоже, что это не функция