Nuxt项目配置@nuxtjs/eslint-config-typescript后vue插件加载失败

错误中?.可选链操作符报错的本质是Nuxt 2的ESLint配置与Nuxt 3项目不兼容：你安装的@nuxtjs/eslint-config-typescript是针对Nuxt 2的版本，它依赖的eslint-plugin-vue版本与Nuxt 3或你的Node.js环境（v16.18.1）存在兼容性冲突，导致代码加载时出现语法错误。

步骤1：移除Nuxt 2相关的ESLint依赖 #

执行命令卸载旧的不兼容依赖：

yarn remove @nuxtjs/eslint-config-typescript @nuxt/types @nuxt/typescript-build

说明：@nuxt/types和@nuxt/typescript-build是Nuxt 2的TypeScript支持依赖，Nuxt 3已内置TypeScript，无需保留。

步骤2：安装Nuxt 3对应的ESLint配置 #

安装Nuxt官方为Nuxt 3提供的ESLint TypeScript配置：

yarn add -D @nuxt/eslint-config-typescript

步骤3：更新ESLint配置文件 #

修改.eslintrc.cjs，新配置已内置解析器和插件，无需手动指定：

module.exports = {
  root: true,
  env: {
    browser: true,
    node: true,
  },
  extends: ['@nuxt/eslint-config-typescript'],
  rules: {},
};

步骤4：验证修复 #

运行lint命令验证问题是否解决：

yarn lint:js

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