Я пытаюсь построить свой первый проект с помощью React, используя комплект материалов-пользовательского интерфейса от Creative Tim, но я получаю ошибку при попытке импортировать компонент. Моя файловая структура выглядит следующим образом:
project
|
+--src
|
+--components
| |
| +--CustomButtons
| |
| +--Button.js
+--Views
|
+--AdminView
|
+--Sections
| |
| +--Section1.js
| +--Section2.js
+--AdminView.js
Изнутри Section1. js Я импортирую Button следующим образом:
import Button from "components/CustomButtons/Button.js";
, и это прекрасно работает. Но когда я делаю то же самое из раздела 2. js, я получаю следующую ошибку:
Failed to compile.
./src/views/AdminView/Sections/MaterialTable.js
Module not found: Can't resolve '/root/project/node_modules/eslint-loader/index.js' in '/root/project'
Я перепробовал все, что мог придумать, и потратил часы на поиск этого, но не могу понять это из. Оба файла находятся в одном каталоге, импорт работает в одном, но не в другом. Я сделал код в обоих файлах абсолютно одинаковым, чтобы попытаться, но он не работает.
Любая помощь будет принята с благодарностью.
РЕДАКТИРОВАТЬ
Файл jsconfig. json в проекте имеет следующее содержимое:
{
"compilerOptions": {
"baseUrl": "src",
"paths": {
"*": ["src/*"]
}
}
}
, если я не ошибаюсь, именно поэтому "components/CustomButtons/Button.js"
будет работать, а "../../components/CustomButtons/Button.js"
не требуется.