模块构建失败 - 导入后未找到 ESLint 配置

Posted 2023-02-23

【中文标题】模块构建失败 - 导入后未找到 ESLint 配置

【英文标题】：Module build failed - no ESLint configuration found after import

【发布时间】：2020-09-05 06:39:10

【问题描述】：

我参与了一个使用 vue cli 创建的 vue 项目。正因为如此，eslint 也包含在项目中。到目前为止，我还没有对 eslint 做太多事情。如果我理解正确，eslint 有助于解决代码中的文体错误、语义错误等，以识别潜在问题。 如果有例如，我很少使用// eslint-disable-next-line与规则冲突的 console.log。

现在我想在项目中包含一些新的 javascript 代码。这段代码来自其他人，所以我克隆了 repo，然后通过我克隆的文件夹/文件的相对路径将它导入到我的 ma​​in.js 中。我认为这没问题。但是现在我遇到了 eslint 的一些问题，因为导入的文件没有 eslint 的配置。 这是源自导入的确切错误：

Module build failed (from ./node_modules/eslint-loader/index.js):
Error: No ESLint configuration found

我不确定现在该怎么做，即使我已经搜索过错误。 我想我只在 package.json 中看到了一些 eslint 的配置。如果它的内容或其他内容有帮助，请说出来，我会添加它！

我该如何解决这个问题？提前致谢！

【参考方案1】：

这可能是一个长镜头，但这是我将 .eslintrc.js 文件放入根目录下的所有 react 项目中以消除该错误。您需要更改一些设置，但这是基本结构。

module.exports = 
  parser: 'babel-eslint',
  env: 
    browser: true,
    commonjs: true,
    es6: true,
    node: true,
    jest: true,
  ,
  parserOptions: 
    ecmaVersion: 2020,
    ecmaFeatures: 
      jsx: true,
    ,
    sourceType: 'module',
  ,
  plugins: ['react', 'react-hooks'],
  extends: [
    'eslint:recommended',
    'plugin:react/recommended',
    'plugin:react-hooks/recommended',
    'plugin:json/recommended',
    'prettier',
  ],
  settings: 
    react: 
      version: 'detect',
    ,
  ,
  rules: 
    'react/prop-types': ['off'],
    'react/no-unescaped-entities': ['error',  forbid: ['>', ''] ],
  ,
;