寻求适配Nuxt3 auto-import的ESLint配置以解决no-undef错误

核心配置步骤 #

1. 安装适配Nuxt3的依赖
   先卸载所有旧版Nuxt ESLint相关包，再安装正确依赖：

   npm uninstall @nuxtjs/eslint-config @nuxtjs/eslint-config-typescript
   npm install --save-dev @nuxt/eslint-config eslint-plugin-nuxt
   

2. 配置.eslintrc文件
   替换现有配置，确保extends数组包含Nuxt3专属规则集：

   {
     "env": {
       "browser": true,
       "node": true
     },
     "extends": [
       "@nuxt/eslint-config",
       "plugin:nuxt/recommended"
     ],
     "rules": {
       "no-undef": "error"
     }
   }
   

3. 确保ESLint读取Nuxt自动生成的全局变量
   Nuxt3会自动生成.nuxt/eslint-parser-options.js文件，无需手动修改，只要ESLint配置中不覆盖parserOptions的sourceType：

   {
     "parserOptions": {
       "sourceType": "module"
     }
   }
   

4. 排除Nuxt生成目录
   在.eslintignore中添加以下内容，避免ESLint检查自动生成的文件：

   .nuxt/
   dist/
   

排查补充 #

• 运行npx nuxi info确认Nuxt版本为3.x，版本不兼容会导致配置失效
• 若仍有个别变量报错，可临时在.eslintrc的globals中补充，但仅作为最后手段：

  {
    "globals": {
      "useRouter": true,
      "useFetch": true
    }
  }
  

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