react crash course 2024(2) 创建项目及vscode插件

记一次使用eslint-plugin-react的警告

Warning: React version not specified in eslint-plugin-react settings. See https://github.com/jsx-eslint/eslint-plugin-react#configuration .

背景

我们在工程化项目中，常常会通过eslint来约束我们代码的一些统一格式，如果是react项目，那就需要安装一个 eslint-plugin-react的插件（它里面都是针对react的语法做的一些eslint的自定义检查插件），然后就出现了以上的警告

思路

由于问题是出现在这个包中，直接去github找到源码，然后全局搜索这个错误，就会找到

问题分析

主要是因为该eslint插件在运行的时候，上下文中没有找到settings相关的配置，补充配置中对应的react.version, 其实就是我们eslint的配置文件中写入对应的值即可，

解决方案

如下, 配置version 为 ‘detect’, 这样插件会自己去到根目录找react包的版本

export default [
	  /** 加入settings配置，用于eslint-plugin-react 中的读取 */
	  {
	    settings: {
	      react: {
	        version: 'detect'
	      }
	    }
	  }
  ]