eslint 不适用于 app.js，但适用于其他项目文件答案

【问题标题】：eslint does not work with app.js but works with other projects fileseslint 不适用于 app.js，但适用于其他项目文件
【发布时间】：2021-10-17 19:28:05
【问题描述】：

我对 eslint 有疑问。它不适用于 VS 代码（React 项目）中的 app.js，但它适用于其他项目文件..所有配置文件都是正确的，并且 ESLint 库已从项目文件夹中正确加载..请放心关于这个问题。提前致谢。

[Info - 11:58:44 AM] ESLint 服务器正在启动 [Info - 11:58:44 AM] 在节点 v14.16.0 中运行的 ESLint 服务器 [Info - 11:58:44 AM] ESLint 服务器正在运行。 [信息 - 上午 11:58:45] ESLint 库从以下位置加载： ///Documents/todo/node_modules/eslint/lib/api.js

我的 .eslintrc.js

    module.exports = {
  env: {
    browser: true,
    es6: true,
  },
  extends: [
    'plugin:react/recommended',
    'airbnb',
  ],
  globals: {
    Atomics: 'readonly',
    SharedArrayBuffer: 'readonly',
  },
  parserOptions: {
    ecmaFeatures: {
      jsx: true,
    },
    ecmaVersion: 2018,
    sourceType: 'module',
  },
  plugins: [
    'react',
  ],
  rules: {
    'react/jsx-filename-extension': [1, { extensions: ['.js', '.jsx'] }],
    'react/prop-types': 'off',
  },
};

【问题讨论】：

我认为问题与vscode有关，与eslint无关
请试试这个eslint . --ext .js 命令并发送结果，如果你得到nothing 或类似<count> problem 的东西，那么你的eslint 工作正常
谢谢，@NishargShah 我尝试了eslint . --ext .js 并在终端中遇到了一些错误......但我不明白为什么 eslint 只能通过终端使用此文件，但同时与其他文件完美配合项目文件。

标签： reactjs visual-studio-code eslint

【解决方案1】：

正如我所说的问题来自 VSCode，请参阅文档或在 google 上搜索 Setup Eslint in VSCode。

在dev.to找到了eslint的好文章，请参考

https://dev.to/devdammak/setting-up-eslint-in-your-javascript-project-with-vs-code-2amf

【讨论】：

如果您喜欢我的回答或者您从我的回答中得到了任何帮助，请不要忘记考虑投票并通过单击右箭头将此答案作为您的最佳答案，谢谢！
感谢您的反馈！您需要至少 15 声望才能投票，但您的反馈已被记录。
所以请点击右箭头将其视为答案

【解决方案2】：

我在工作区（package.json 和 .eslintrc.js）中设置 VsCode 和 eslint 文件时解决了这个问题，就像这篇不错的文章 "Setup ESLint for React with Prettier, pre-commit and VSCode"

感谢您的帮助

【讨论】：