Модуль не найден: не удается разрешить /root/project/node_modules/eslint-loader/index.js в приложении реакции - PullRequest
0 голосов
/ 27 марта 2020

Я пытаюсь построить свой первый проект с помощью 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" не требуется.

1 Ответ

0 голосов
/ 27 марта 2020

Я не уверен, почему это произошло, но я решил проблему, запустив npm update в проекте.

Возможно, стоит отметить, что это произошло после того, как я установил много npm зависимостей.

...