Javascript 请检查“Route”的渲染方法。帮帮我

此图像是错误图像

我正在做spa，但我无法找出这个错误！T.T

救救我

我认为这个错误是从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();

---

正如错误所提到的，您可能将默认导出与命名导出混淆了。

---

检查导入行中的

Main

，根据导出方式的不同，您可能需要更改导入方式。

我看到您在App.js文件中导入了主组件。但是我在结构中没有看到主文件。请仔细检查主组件中的导出。

该错误链接是关于错误的图片。请在此处添加您的代码，以及您迄今为止尝试了什么。@Fawzi我添加了它！哦，我想！！非常感谢：）：）XD

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