【Vue】google chrome中安装vue_dev_tools.crx的时候提示“无法安装扩展程序，因为它使用了不受支持的清单版本。”

文章目录

- - [✅ 解决方案](#✅ 解决方案)
  - - [方法一：使用官方最新版 Vue DevTools（推荐）](#方法一：使用官方最新版 Vue DevTools（推荐）)
    - [方法二：从 GitHub 源码手动加载（适用于无法访问商店的情况）](#方法二：从 GitHub 源码手动加载（适用于无法访问商店的情况）)
    - [方法三：降级 Chrome（不推荐）](#方法三：降级 Chrome（不推荐）)
  - [🔍 补充说明](#🔍 补充说明)
  - [✅ 总结](#✅ 总结)

这个错误提示 "无法安装扩展程序，因为它使用了不受支持的清单版本" ，通常是因为你尝试安装的 .crx 文件（如 vue_devtools.crx）使用的是 旧版的 Chrome 扩展清单格式（Manifest V2） ，而你的 Chrome 浏览器版本已经不再支持 Manifest V2（从 Chrome 127 开始，Google 已全面禁用 Manifest V2 扩展）。

✅ 解决方案

方法一：使用官方最新版 Vue DevTools（推荐）

Vue DevTools 官方已提供 Manifest V3 兼容版本，请按以下步骤操作：

卸载旧版 .crx 文件（如有）
访问 Chrome 网上应用店安装官方版本 ：
- 打开链接：https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd
- 点击 "添加至 Chrome" 安装。
- 这是官方维护的、支持 Manifest V3 的最新版。

⚠️ 注意：如果你在中国大陆且无法访问 Chrome 应用商店，可考虑以下替代方法。

方法二：从 GitHub 源码手动加载（适用于无法访问商店的情况）

克隆或下载官方仓库：

bash 复制代码

git clone https://github.com/vuejs/devtools.git
cd devtools

安装依赖并构建：
bash 复制代码
```
npm install
npm run build
```
构建完成后，会在 packages/shell-chrome 目录下生成扩展文件。
在 Chrome 中启用开发者模式并加载：
- 打开 chrome://extensions/
- 开启右上角 "开发者模式"
- 点击 "加载已解压的扩展程序"
- 选择 devtools/packages/shell-chrome 文件夹

✅ 此方式生成的是 Manifest V3 版本，兼容新版 Chrome。

方法三：降级 Chrome（不推荐）

虽然可以临时使用旧版 Chrome（如 v126 或更早）来加载 Manifest V2 的 .crx，但存在安全风险且无法长期使用。强烈建议使用方法一或二。

🔍 补充说明

.crx 文件通常是预打包的扩展，很多网上流传的 vue_devtools.crx 是多年前的 Manifest V2 版本。
Chrome 从 2024 年 6 月起（v127+） 已完全禁用 Manifest V2 扩展，即使开发者模式也无法强制加载。

✅ 总结

方式	是否推荐	说明
从 Chrome 商店安装	✅ 强烈推荐	最简单、安全、自动更新
从 GitHub 源码构建	✅ 推荐（无商店访问时）	需要 Node.js 环境
使用旧版 `.crx` 文件	❌ 不推荐	已被新版 Chrome 禁止

建议立即使用官方 Chrome 商店链接安装最新版 Vue DevTools。

如需进一步帮助（例如构建报错），可提供具体错误信息，我会协助你解决。