找不到模块：React 中无法解决 'D:\Learning programing\Javascript....' 错误中的 'persons'

Question

当我试图将我的组件分成更小的组件以便更好地管理我的学习项目时，我在反应中遇到了这个错误 Module not found: Can't resolve 'persons' in 'D:\Learning programing\Javascript...'，我真的需要一些帮助具有状态 App 的主应用程序组件将 props 发送到名为 Persons 的组件（每个事件处理程序都适用）

if (this.state.showPersons) {
  persons = (
    <div>
      <Persons
        persons={this.state.persons}
        click={this.handleDelete}
        changed={this.handleChange}
      />
    </div>
  );

Persons 然后映射道具并将它们发送到一个名为 Person

的 child 组件

import React from "react"
import Person from "persons"

const Persons = (props) =>
    props.persons.map((person, index) => {
        return (
          <Person
            key={person.id}
            name={person.name}
            age={person.age}
            profession={person.profession}
            changed={(event) => props.changed(event, person.id)}
            click={() => props.click(index)}
          />
        );
      } )
export default Persons

然后人显示个人

import React from 'react';

import './Person.css';

const Person = ( props ) => {
    return (
        <div className="Person">
            <p onClick={props.click}>I'm {props.name} and I am {props.age} years old!</p>
            <p>I am a qualified {props.profession} </p>
            <p>{props.children}</p>
            <input type="text" onChange={props.changed} value={props.name} />
        </div>
    )
};

export default Person;

我写的所有导入都是从应用程序到 child

主应用程序文件

import React, { Component } from "react";
import "./App.css";
import Person from "../componemts/Persons/Person/Person";
import Persons from "../componemts/Persons/persons"

人js文件

import React from "react"
import Person from "persons"

个人js文件

import React from 'react';
import './Person.css';

老实说我很困惑我不确定我做错了什么

Answer 1

persons.js放在componemts目录下，不是componemts/Person。移动它或更改导入。

找不到模块：React 中无法解决 'D:\Learning programing\Javascript....' 错误中的 'persons'

Module not found: Can't resolve 'persons' in 'D:\Learning programing\Javascript....' error in React

javascript

importerror

reactjs

es6-class