Javascript &引用；“家未定义”；使用React JS时出错

以下是我的App.js代码：

import './App.css';
import { BrowserRouter as Router, Route, } from "react-router-dom";
import Navbar from './Components/Navbar';
import Education from './contents/Education';

function App() {  return (

    <Router>
    {/* route navbar */}
    <div className="App">

    <Navbar />

    {/* route 2 home */}
    <Route exact path="/Home">

    < Home />

    </Route>

    {/* Route for About.js contents */}

    <Route path="/About">

    < About />

    </Route>

     {/* route to widecard */}

     <Route path="/Education">

     <Education />

     </Route>

    </div>

    </Router>

    )
}

export default App;

我有一个Home.js和一个About.js。。。我仍在学习如何反应，所以如果这看起来像是一个简单的解决方案，我提前表示歉意！如果需要提供更多信息，请告诉我

---

谢谢大家

您不会在文件顶部导入

Home

或

About

。如果你把这些进口的话，我想你可以走了

---

另外，

的左括号和名称之间不应留空格。应该是

您需要导入组件（Home和About），以便使用

Home.js和About.js应该包含，App.js应该包含

import Home from 'path/to/Home/Home' //(you dont need to write the .js) 

---

与使用任何组件一样，它必须先导出，然后导入。因为后者似乎在代码中被忽略了

import About from '..relative path to -> /About'  
import Home from '..relative path to -> /Home'

---

您从不导入

主页

或

关于

，因此，您的代码无法访问它。我添加了导入源代码：

import Home from'C:\Users\Alex\portjs\src\Content\Home.js'

，现在收到此错误：

Module not found:无法解析'C:\Users\Alex\portjs\src'中的'C:UsersAlexportjssrcContentAbout.js'

我添加了导入源代码：

import Home from“C:\Users\Alex\portjs\src\Content\Home.js”

现在收到此错误：

未找到模块：无法解析“C:\Users\Alex\portjs\src”中的“C:UsersAlexportjssrcContentAbout.js”

中的“C:Users\Alex\portjs\src”中的“C:UsersAlexportjssrcContentAbout.js”您需要使用/而不是\:

从“C:/Users/portjs/src/Content/Home”导入Home>，并且不需要完整路径，您可以使用相对路径
/Content/Home
我添加了带源导入：
从'C:\Users\Alex\portjs\src\Content\Home.js'导入Home
现在收到以下错误：
未找到模块：无法解析'C:\Users\Alex\portjs\src'中的'C:UsersAlexportjssrcContentAbout.js'
我添加了带源导入：
导入Home从“C:\Users\Alex\portjs\src\Content\Home.js”收到此错误：
未找到模块：无法解析“C:\Users\Alex\portjs\src”中的“C:UsersAlexportjssrcContentAbout.js”
import About from '..relative path to -> /About'  
import Home from '..relative path to -> /Home'