ESLint在VSCode的React项目可用，React Native项目无法运行如何解决？

一、修复终端eslint命令找不到的问题 #

• 先确认全局ESLint是否安装成功，在终端执行：

  npm list -g eslint
  

  如果没有输出ESLint的版本信息，重新全局安装：

  npm install -g eslint
  

• 若已安装但命令仍找不到，检查npm全局包路径是否在系统PATH中：
  1. 执行以下命令获取npm全局路径：

     npm config get prefix
     

     Windows系统下通常输出为C:\Users\你的用户名\AppData\Roaming\npm
  2. 打开系统环境变量设置，将上述路径添加到PATH变量中，重启终端和VSCode后再尝试执行eslint命令

二、适配React Native项目的ESLint配置 #

eslint-config-next是为Next.js（Web项目）设计的配置，无法兼容React Native，需要替换为RN专用配置：

1. 卸载不兼容的依赖：

   npm uninstall eslint-config-next
   

2. 安装React Native官方推荐的ESLint依赖：

   npm install --save-dev eslint @react-native-community/eslint-config
   

3. 在项目根目录创建.eslintrc.js配置文件，写入以下内容：

   module.exports = {
     extends: '@react-native-community',
   };
   

三、VSCode ESLint插件适配 #

• 确保VSCode的ESLint插件已启用
• 若VSCode仍无法识别项目ESLint，可在VSCode设置中添加：

  "eslint.nodePath": "./node_modules/eslint"
  

  强制插件使用项目本地安装的ESLint版本

内容的提问来源于stack exchange，提问作者Eric