React - 找不到模块 - 好像目录不存在

Question

我是反应的初学者，我根本无法解决这个错误。 我不知道该怎么做，我试图重新创建，寻找答案，这个错误总是出现，好像目录不存在一样。

有人能帮我吗？

错误：

Failed to compile
./src/components/MenuComponent.js
Module not found: Can't resolve './components/DishDetailComponent'

菜单组件.js

import React, { Component } from 'react';
import { Card, CardImg, CardImgOverlay, CardText, CardBody, CardTitle } from 'reactstrap';
import DishDetail from './components/DishDetailComponent';

class Menu extends Component {

    constructor(props) {
        super(props);

        this.state = {
            selectedDish: null
        };
    }
    ...
}

export default Menu;

DishDetailComponent.js

import React, { Component } from 'react';

class DishDetail extends Component {

    constructor(props) {
        super(props);
    }

    render(){
        return(
            <div></div>
        );
    }
}

export default DishDetail;

文件夹点击查看图片

Answer 1

路径与导入它们的模块是相对的。 您的两个文件都在components目录中，但MenuComponent.js正在尝试从./components/DishDetailComponent导入，这实际上会导致./components/components/DishDetailComponent 。

将您的导入更改为./DishDetailComponent应该没问题。