Home组件在App.js中无法访问，报'react/jsx-no-undef'错误求助

你遇到的'Home' is not defined错误，根源是App.js里的组件导入语法错误。

你的Home组件用export default Home做了默认导出，这种情况下导入时必须指定组件的引用名称，否则React不知道你要使用的组件叫什么。

把App.js里的导入语句改成下面这样就行：

import Home from "./pages/home/Home"

function App() {
  return (
    <div className="App">
      <Home/>
    </div>
  );
}

export default App;

简单说就是在import后面加上Home——这个名称就是你在JSX里用<Home/>时对应的组件变量，也可以换成其他合法名字，但和组件名保持一致更清晰。

另外检查下文件路径：如果Home.jsx确实在src/pages/home/目录下，这个路径是正确的。要是路径不对也会加载失败，但当前报错是未定义，所以核心问题就是导入时没指定组件名称。

内容的提问来源于stack exchange，提问作者Iram Kahkashan