Metamask本地构建时Yarn3安装remotedev-server报错求助

问题背景 #

本地构建MetaMask Chrome扩展开发版时，按照README要求使用Yarn3，需要安装remotedev-server以启动React Dev Tools和Redux Dev Tools，但遇到以下问题：

• 执行yarn global add remotedev-server时，Yarn报错：

  Usage Error: The 'yarn global' commands have been removed in 2.x - consider using 'yarn dlx' or a third-party plugin instead

• 改用yarn dlx remotedev-server仍报错，无法正常启动服务
• 尝试安装Yarn 1.22.19，但MetaMask的package.json已锁定Yarn版本为3.2.4，无法切换使用Yarn1

解决方案 #

方案1：本地安装remotedev-server并添加npm脚本 #

这是最稳妥的方式，避免全局命令和临时环境的兼容性问题：

1. 在项目根目录执行以下命令，将remotedev-server安装为开发依赖：

   yarn add --dev remotedev-server
   

2. 打开项目的package.json，在scripts字段中添加：

   "scripts": {
     // 保留其他现有脚本
     "remotedev": "remotedev-server"
   }
   

3. 启动DevTools服务时，执行：

   yarn remotedev
   

方案2：用Yarn packageExtensions修复包兼容性 #

如果yarn dlx报错是因为remotedev-server缺失依赖声明，可以通过Yarn的packageExtensions补全：

1. 在项目根目录创建或编辑.yarnrc.yml文件，添加以下内容：

   packageExtensions:
     remotedev-server@*:
       dependencies:
         react-devtools-core: "^4.24.7"
   

2. 执行yarn install更新依赖配置
3. 再次尝试用dlx启动服务：

   yarn dlx remotedev-server
   

方案3：临时切换Yarn版本（不推荐） #

如果前两种方案无效，可临时切换到Yarn1完成安装，再切回Yarn3：

1. 执行命令切换到Yarn经典版：

   yarn set version classic
   

2. 全局安装remotedev-server：

   yarn global add remotedev-server
   

3. 安装完成后，切回MetaMask要求的Yarn版本：

   yarn set version 3.2.4
   

   注意：此方法可能导致依赖缓存混乱，操作前建议备份项目的node_modules和.yarn目录

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