我简直不敢相信我在问一个显然的问题,但我仍然在控制台日志中看到错误。
控制台显示它无法在目录中找到该模块,但是我已经检查了至少10次拼写错误。无论如何,这是组件代码。
我想在根目录中呈现 Header 。
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
无法解析的模块:在 '/home/wiseman/Desktop/React_Components/github-portfolio/src' 中找不到 './src/components/header/header'
npm test 显示相同的信息。
'./components/header/header'
。文件路径相对于导入文件路径。然后,您需要从header.js
导出Header
并修复App.render
方法。 - Yury Tarabankocomponents
文件夹从src
文件夹中移出,那么它会告诉我需要修改node_modules
文件,这不是我的意图。 - Vladimir Jovanovićimport smth from './components/header/header'
。同样地,在这一行中import navBar from './src/components/header/navBar'
,它应该是相对于当前路径,所以应该写成import navBar from './navBar'
。 - Yury Tarabanko