REACT 检查 `Route` 的渲染方法。帮我TT答案

【问题标题】：REACT Check the render method of `Route`. helpme T.TREACT 检查 `Route` 的渲染方法。帮我TT
【发布时间】：2019-04-28 04:54:29
【问题描述】：

error image

此图像是错误图像

我正在制作 react 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();

这是 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

【问题讨论】：

那个错误链接是关于错误的图片
请在此处添加您的代码，以及到目前为止您尝试了什么。
@Fawzi 我加了！

标签： javascript reactjs react-router-dom

【解决方案1】：

正如错误中提到的，您可能将默认导出与命名导出混淆了。检查Main 的导入行，根据您导出它的方式，您可能需要更改导入它的方式。

【讨论】：

哦，我想通了！！非常感谢:):) XD

【解决方案2】：

我看到你在 App.js 文件中导入 Main 组件。但我在结构中看不到主文件。请仔细检查主组件中的导出。

【讨论】：