Модуль не найден при компиляции в React

Question

При попытке импортировать файл collection-preview.components.jsx в shop-page.jsx возникает ошибка:

"Module not found: Can't resolve '../../components/collection-preview/collection-preview'"

URL-адрес кода, и ошибка передается по ссылке:

Я хотел бы знать, что мне здесь не хватает и почему файлы не компилируются.

Answer 1

Ваш файл называется collection-preview.component, но вы импортируете collection-preview, просто измените имя на collection-preview.component, оно должно работать

Вы также можете удалить js и jsx, заканчивая для файлов при импорте :)