РЕАКЦИЯ Проверьте метод рендеринга `Route`.helpme TT

Question

изображение ошибки

Это изображение является ошибкой

Я реагирую на спа, но не могу понять эту ошибку!TT

помогите мне!

Я думаю, что эта ошибка началась в App.js, но я не знаю, что мне делать ...

Это index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './index.scss';
import App from './containers/App';
import * as serviceWorker from './serviceWorker';
import { BrowserRouter } from 'react-router-dom';

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

serviceWorker.unregister();

Это App.js

import React, { Component } from 'react';
import { Switch, Link, Route } from 'react-router-dom';
import * as classNames from 'classnames/bind';
import styles from './App.scss';

import Main from './Main/Main'

const cx = classNames.bind(styles);

class App extends Component {
  render() {
    return (
      <div className={cx("App")}>
        <nav>
            <div><Link to="/">JUMP</Link></div>
        </nav>
       <main>
           <div className={cx("main")}>
               <Switch>
                   <Route path="/" exact component={Main}/>
               </Switch>
           </div>
       </main>
      </div>
    );
  }
}

export default App;

Это структура папок

├── src
│   ├── components
│   │   └── Headers
│   ├── containers
│   │   ├── 0.Login
│   │   │   ├──Login.js
│   │   │   └──Login.sass
│   │   ├── App.scss
│   │   ├── App.js
│   ├── index.scss
│   ├── index.js
│   ├── logo.scv
└── └── serviceWorker.js

Answer 1

Я вижу, вы импортируете компонент Main в файл App.js.Но я не вижу основной файл в структуре.Пожалуйста, проверьте экспорт в Главном компоненте.

Answer 2

Как указывает ошибка, вы, вероятно, перепутали экспорт по умолчанию с именованным экспортом.Проверьте строку импорта на Main, в зависимости от способа ее экспорта может потребоваться изменить способ ее импорта.