#reactjs #react-native
#reactjs #react-native
Вопрос:
Я новичок в 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;
Комментарии:
1. Не знаком с react, но ваш импорт выглядит странно. Я бы подумал , что вам нужно использовать
../components/DishDetailComponent
или./DishDetailComponent
.
Ответ №1:
Пути являются относительными от модуля, в который они импортируются. Оба ваших файла находятся в components
каталоге, но MenuComponent.js
пытаются импортировать из ./components/DishDetailComponent
, что фактически приводит к ./components/components/DishDetailComponent
.
Измените свой импорт на справедливый ./DishDetailComponent
, и все должно быть в порядке.
Комментарии:
1. Никаких проблем! Пожалуйста, отметьте это как ответ, если это решило проблему для вас 🙂