Vue3 + TypeScript处理ESLint和Prettier冲突时，Failed to load config “@vue/prettier/@typescript-eslint“

作者：System 时间：2024年08月13日分类：所有,typescript 字数：768

这篇文章距离上次修改已过195天，其中的内容可能已经有所变动。

报错信息提示无法加载配置 "@vue/prettier"，这通常是因为项目中缺少相关的配置文件或依赖，或者配置路径不正确。

解决方法：

确认是否已安装必要的依赖：




npm install --save-dev eslint-plugin-vue eslint-config-prettier eslint-plugin-prettier prettier

确认 .eslintrc.js 或 eslintrc.json 等 ESLint 配置文件中是否正确配置了 Prettier：




{
  "extends": ["plugin:vue/vue3-essential", "eslint:recommended", "plugin:prettier/recommended"]
}

如果使用了 package.json 中的 eslintConfig 字段，确保配置正确无误。
确认是否有 .prettierrc 或 prettier.config.js 等 Prettier 配置文件，并确保其存在于项目根目录下。
如果以上都没问题，尝试删除 node_modules 目录和 package-lock.json 文件，然后重新运行 npm install 来重新安装依赖。
如果问题依旧，检查是否有其他 ESLint 插件或配置与 Prettier 冲突，并相应调整配置文件。

如果以上步骤无法解决问题，可能需要更详细的错误信息或检查项目的具体配置来找到问题的根源。