多文件出现Import in body of module ESLint错误，求高效解决方法

我太懂这种反复被ESLint错误纠缠的痛苦了——刚修好一个文件，另一个又冒出来，还莫名其妙在src目录下生成node_modules，逐个改完全是消耗精力。下面几个方案应该能帮你快速解决问题：

这个文件夹的出现大概率是路径配置或依赖引用出了问题，不解决的话会一直干扰ESLint扫描：

• 检查package.json里的依赖项，有没有不小心把本地模块写成"./src/xxx"这种相对路径？比如误把某个内部文件夹当成依赖包，npm会自动把它“安装”到src里。
• 查看项目根目录的.npmrc文件，如果有prefix=./src这类配置，直接删掉——这会强制npm把依赖安装到src目录下。
• 如果你最近新增了插件/工具，暂时禁用它们，重启项目看看还会不会生成这个文件夹，排查是不是第三方工具导致的。

如果错误是统一类型的（比如缩进、引号格式、未使用变量），直接用ESLint的自动修复命令搞定：

• 在项目根目录运行：npx eslint src --fix
  这个命令会扫描src下所有文件，自动修复所有可标准化的ESLint问题，比手动改快N倍。
• 要是有些错误没法自动修复，你可以临时调整ESLint规则，把报错改成警告，先保证项目能正常运行：

  // 在你的.eslintrc.js（或对应的配置文件）里修改规则
  module.exports = {
    // ...其他配置
    rules: {
      // 举个例子：把未使用变量的报错改为警告
      "no-unused-vars": "warn",
      // 把你遇到的其他错误规则按这个方式调整
    }
  }
  

如果暂时没法阻止这个文件夹生成，直接让ESLint跳过它：

• 在项目根目录的.eslintignore文件里添加一行：src/node_modules/
  这样ESLint就不会扫描这个自动生成的目录，也就不会触发额外的错误了。

有时候缓存会导致各种奇怪的问题，试试彻底清理：

• 运行npm cache clean --force清理npm缓存
• 删除项目根目录的node_modules和package-lock.json，重新执行npm install
• 启动前先清理react-scripts缓存：npx react-scripts clean，再运行npm start

内容的提问来源于stack exchange，提问作者abagh0703