vscode开发react项目编辑器报错

初次使用vscode尝试开发react项目,用的ice创建项目,但是用vscode打开代码后编辑器上一大串这样的报错,控制台并没有报错,但是看着一大串红的很难受,请问有什么方法可以去除吗?

img

鼠标放上去 提示什么 ?能正常运行是吧?

  • 这篇博客: Create React App文档说明(一)中的 VSCode中展示代码检查结果 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
    1. 安装 ESLint plugin

    2. 在项目根目录下创建 .eslintrc.json 文件

      1. {
          "extends": "react-app"
        }
        
    3. 如果使用了 TypeScript,那默认的 ESLint 不再生效,它本身是不支持 TypeScript

    4. 启用 TypeScript ESLint ,在 .vscode/settings.json 下添加以下内容,没有该文件请自行创建

      1. {
          "eslint.validate": [
            "javascript",
            "javascriptreact",
            { "language": "typescript", "autoFix": true },
            { "language": "typescriptreact", "autoFix": true }
          ]
        } 
        

    如果进一步修改了 .eslintrc.json 文件,这些更改只会影响编辑器自身行为,不会影响终端和浏览器中的 lint 输出,这是 Create React App 有意提供了一组最常见的错误规则

    如果想强制改变编码风格,可以考虑使用 Prettier 来取代 ESLint