javascript - 导入组件出错

Question

导入组件时出现此错误

找不到模块:无法解析“/Users/userName/Documents/folder/repository/Project/src/pages/Home”中的“../src/components/Menu”

src
  components
    Menu
      Menu.css
      Menu.js
  pages
    Home.css
    Home.js

Menu.js

import React, { Component } from 'react';
import './Menu.css';

class Menu extends Component {
  render() {
    return (
      <div className="menu">
        <h1>Je suis un Menu</h1>
      </div>
    );
  }
}

export default Menu;

Home.js

import React, { Component } from 'react';
import './Home.css';
import Menu from './../components/Menu';

class Home extends Component {
  constructor(props) {
    super(props);
    this.state = {
      msg: 'Hello from the state of Home'
    }
  }

  render() {
    return (
      <div className="home">
        <h1 className="text">Welcome to the Home Page</h1>
        <p>{this.state.msg}</p>
        <Menu/>
      </div>
    );
  }
}

export default Home;

Answer 1

您需要从更深一层导入:

import Menu from './../components/Menu/Menu';

您有一个名为 Menu 的文件夹，并且您想要的文件位于名为 Menu.js 的文件夹中。