在VS Code中的create react app中为.js和.jsx文件关闭终端中的typescript eslint警告

ozxc1zmp  于 2022-10-22  发布在  React
关注(0)|答案(1)|浏览(884)

我正在尝试使用create-reactapp从javascript迁移到typescript,并希望防止新的eslint typescript警告标记为旧的.js和.jsx文件。
目前,在我的终端中,我得到了这样的东西:


小时
但是@typescript-eslint/explicit-module-boundary-types是一个特定于类型脚本的问题,我现在不想在.js文件上出现这些错误标志。
基于其他StackOverflow解决方案,我尝试了以下方法:

package.json包

{...
  "eslintIgnore": ["**/*.js", "**/*.jsx"],
...}

.eslintrc.json文件

{...
"overrides": [
        {
            "files": ["**/*.ts", "**/*.tsx"],
            "env": { "browser": true, "es2021": true, "node": true },
            "extends": [
                "eslint:recommended",
                "plugin:@typescript-eslint/eslint-recommended",
                "plugin:@typescript-eslint/recommended"
            ],
            "globals": { "Atomics": "readonly", "SharedArrayBuffer": "readonly" },
            "parser": "@typescript-eslint/parser",
            "parserOptions": {
                "ecmaFeatures": { "jsx": true },
                "ecmaVersion": 11,
                "sourceType": "module",
                "project": "./tsconfig.json"
            },
            "plugins": ["@typescript-eslint"],
            "rules": {
                "indent": ["error", 2, { "SwitchCase": 1 }],
                "linebreak-style": ["error", "unix"],
                "quotes": ["error", "single"],
                "comma-dangle": ["error", "always-multiline"],
                "@typescript-eslint/no-explicit-any": 0
            }
        },
        {
            "files": ["src/**/*.js", "src/**/*.jsx"],
            "rules": {
                "@typescript-eslint/explicit-module-boundary-types": 0
            }
        }
    ],
...}

.eslint忽略


**/*.js
* .js

当我打开VSCode文件时,这些似乎会影响它们中的linting。它对我的VSCode终端没有任何影响,它仍然显示了上面的屏幕截图。如果有人能帮上忙的话,我的想法都没有了?

gcmastyq

gcmastyq1#

我也遇到了同样的问题,很难找到解决这个问题的方法。我搜索了很多,最终找到了一个主题,它与我们遇到的问题有关。首先,您的eslint需要在eslint v6.3.0版本中。
第二步是在.eslintrc.中,我把这个配置:

{
  "env": {
    "browser": true,
    "es2021": true,
    "jest": true
  },
  "extends": [
    "eslint:recommended",
    "standard-jsx",
    "standard-react",
    "plugin:jest/recommended",
    "plugin:prettier/recommended"
  ],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": 12,
    "sourceType": "module"
  },
  "plugins": ["react", "@typescript-eslint", "jest"],
  "rules": {
    "react/react-in-jsx-scope": 0
  },
 "overrides": [
  {
    "files": ["**/*.ts", "**/*.tsx"],
    "extends": [
      "plugin:@typescript-eslint/recommended"
    ]
  }
 ]
}

现在忽略了对javascript文件的警告。您可以在此链接中了解更多信息:https://github.com/typescript-eslint/typescript-eslint/issues/109#issuecomment-536160947
这个链接帮助我解决了这个问题。

相关问题