Блог

Я новичок в react, и я вообще не могу устранить эту ошибку. Я понятия не имею, что делать, я пытался воссоздать, искать ответ, и эта ошибка всегда появляется, как если бы каталог не существовал.

Кто-нибудь может мне помочь?

Ошибка:

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

MenuComponent.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;
 

Щелкните папку для изображения

Пути являются относительными от модуля, в который они импортируются. Оба ваших файла находятся в components каталоге, но MenuComponent.js пытаются импортировать из ./components/DishDetailComponent , что фактически приводит к ./components/components/DishDetailComponent .

Измените свой импорт на справедливый ./DishDetailComponent , и все должно быть в порядке.