Я работал с приложением 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
но я получаю сообщение об ошибке в моей консоли.
Что здесь происходит?