javascript - 在 React 中编译组件失败

Question

我正在尝试在组件中渲染<Login />组件<Home />，但我不断收到此错误：

Failed to compile
./src/components/home/Home.js

Module not found: Can't resolve './login/Login' in 
'C:\Users\Sarah\Desktop\dev\backend\react-express\client\src\components\home'

这里是Home.js：

import React from "react";
import { Link } from "react-router-dom";
import Login from "./login/Login";

const Home = () => {
  return (
    <div className="jumbotron">
      <h1>TodoApp</h1>
      <p>Welcome to the Homepage!</p>
      <Login />
      <Link to="about" className="btn btn-primary btn-lg">
        Learn more
      </Link>
    </div>
  );
};

export default Home;

我怎么了？

标签： javascriptreactjs

Answer 1

我发现我试图src\components\login\Login.js从src\components\home\Home.js. .\login中不存在.\home，所以我必须在导入时添加一个额外'.'的。.\loginLogin.js