Не могу поверить, что задаю очевидный вопрос, но все равно получаю сообщение об ошибке в журнале консоли.
Консоль говорит, что не может найти модуль в каталоге, но я проверил по крайней мере 10 раз на опечатки. В любом случае, здесь код компонента.
Я хочу сделать заголовок в корне
import React, { Component } from 'react'
import Header from './src/components/header/header'
import logo from './logo.svg'
import './App.css'
class App extends Component {
render() {
return (
<Header/>
);
}
}
export default App;
Это компонент Header
import React, { Component } from 'react'
import ReactDOM from 'react-dom'
import navBar from './src/components/header/navBar'
import './src/css/header.css'
class Header extends Component {
render() {
return {
<div>
<div id="particles-js"></div>
<navBar/>
<Title/>
</div>
};
}
}
ReactDOM.render(<Header/>, document.getElementById('header'));
Я хотя бы 10 раз проверил, что модуль находится в этом месте ./src/components/header/header
, и это так (папка "header" содержит "header.js").
Тем не менее, React по-прежнему выдает эту ошибку:
Не удалось скомпилировать
./src/App.js
Module not found: Can't resolve './src/components/header/header' in '/home/wiseman/Desktop/React_Components/github-portfolio/src'
Тест Npm говорит то же самое.