找不到模块:无法在react中解析'/root/project/node_modules/eslint-loader/index.js

Question

我试图用React构建我的第一个项目，使用了Creative的资料界面工具包，但是我在导入组件时出错了。我的文件结构如下：

project
|
+--src
   |
   +--components
   |  |
   |  +--CustomButtons
   |     |
   |     +--Button.js
   +--Views
      |
      +--AdminView
         |
         +--Sections
         |  |
         |  +--Section1.js     
         |  +--Section2.js
         +--AdminView.js

从第1.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"。

Answer 1

我不知道为什么会发生这种情况，但是我通过在项目上运行npm更新来解决这个问题。

值得注意的是，这是在我安装了许多npm依赖项之后发生的。

Answer 2

尝试使用以下命令安装eslint-加载程序。这对我来说很管用

npm install eslint-loader --save-dev