Home不包含名为Home的导出

我正在与之合作，create-react-app并遇到了这个问题Home does not contain an export named Home。

这是我设置App.js文件的方式：

import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import { Home } from './layouts/Home'

class App extends Component {
  render() {
    return (
      <div className="App">
        Hello
        <Home />
      </div>
    )
  }
}

export default App;

现在在我的layouts文件夹中有Home.js文件。如下所示进行设置。

import React, { Component } from 'react';

class Home extends Component{
    render(){
        return(
        <p className="App-intro">
          Hello Man
        </p>
        )
    }
} 

export default Home;

如您所见，我正在导出Home组件，但是在控制台中却显示了一个错误。

到底是怎么回事？