如何去掉 VSCode 中警告上的红色下划线？

Question

这是我一直在家里的个人电脑上处理的一个新问题。我想，当我第一次开始使用 React 时，这个问题就已经开始了。这让我想知道它是否与

package.json

或者 eslint 有关。我不确定是否可以通过修改我的

settings.json

文件或

.eslintrc.cjs

文件来解决这个问题。

我想要红色下划线表示错误，而不是警告。

例如，在下面的代码中，它给了我一个红色下划线，当我将鼠标悬停在它上面时，它指出：

'setWork' is decalared but its value is never read. ts(6133)
'setWork' is assigned a value but never used. eslint(nounused-vars)

package.json

：

{
  "name": "cv",
  "private": true,
  "version": "0.0.0",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "vite build",
    "lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
    "preview": "vite preview"
  },
  "dependencies": {
    "react": "^18.2.0",
    "react-dom": "^18.2.0"
  },
  "devDependencies": {
    "@types/react": "^18.2.56",
    "@types/react-dom": "^18.2.19",
    "@vitejs/plugin-react": "^4.2.1",
    "eslint": "^8.56.0",
    "eslint-plugin-react": "^7.33.2",
    "eslint-plugin-react-hooks": "^4.6.0",
    "eslint-plugin-react-refresh": "^0.4.5",
    "vite": "^5.1.4"
  }
}

.eslintrc.cjs

：

module.exports = {
    root: true,
    env: {browser: true, es2020: true},
    extends: [
        'eslint:recommended',
        'plugin:react/recommended',
        'plugin:react/jsx-runtime',
        'plugin:react-hooks/recommended',
    ],
    ignorePatterns: ['dist', '.eslintrc.cjs'],
    parserOptions: {ecmaVersion: 'latest', sourceType: 'module'},
    settings: {react: {version: '18.2'}},
    plugins: ['react-refresh'],
    rules: {
        'react/jsx-no-target-blank': 'off',
        'react-refresh/only-export-components': [
            'warn',
            {allowConstantExport: true},
        ],
    },
};

settings.json

：

{
    "atomKeymap.promptV3Features": true,
    "editor.multiCursorModifier": "ctrlCmd",
    "editor.formatOnPaste": true,
    "[html]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "git.confirmSync": false,
    "liveServer.settings.donotShowInfoMsg": true,
    "liveServer.settings.wait": 500,
    "prettier.bracketSpacing": false,
    "explorer.confirmDelete": false,
    "php.validate.executablePath": "",
    "emmet.includeLanguages": {
        "javascript": "javascriptreact",
        "vue-html": "html",
        "vue": "html"
    },
    "prettier.useTabs": true,
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "prettier.jsxSingleQuote": true,
    "editor.formatOnSave": true,
    "prettier.singleQuote": true,
    "livePreview.autoRefreshPreview": "On Changes to Saved Files",
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "workbench.startupEditor": "none",
    "editor.fontSize": 12,
    "liveServer.settings.useLocalIp": true
}

我尝试查看

.eslintrc.cjs

、

package.json

和

settings.json

文件，看看是否看到有关此问题的任何信息。

我也尝试用谷歌搜索这个问题，但我发现的任何东西都告诉我，我可以摆脱警告和错误中的行。我只是希望红线不再是警告而不是错误。

Answer 1

'setWork' is decalared but its value is never read. ts(6133)
'setWork' is assigned a value but never used. eslint(nounused-vars)

这些是 lint 错误，通过修复它们来消除它们 - 即删除未使用的变量。有些是可自动修复的，在这种情况下，您可以将其添加到您的用户设置中：

    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": "always"
    },

不过，未使用的变量不能自动修复。只需删除未使用的变量