Cypress运行报错Field 'browser'不含有效别名配置求助

• 定位出错代码：打开./cypress/support/commands.js文件，查看第5行的引入语句，确认是否存在路径拼写错误、引入模块不存在的问题，部分Cypress插件的引入路径写错会触发该类错误。
• 验证Cypress依赖安装状态：
  1. 检查项目根目录下node_modules/cypress文件夹是否存在，不存在则执行npm install cypress --save-dev重新安装
  2. 如果已安装仍报错，删除根目录的node_modules文件夹和package-lock.json（yarn用户删除yarn.lock），重新执行安装命令修复依赖缓存异常
• 修正webpack预处理器配置：
  该错误由@cypress/webpack-preprocessor抛出，你需要检查Cypress插件配置文件（老版本为cypress/plugins/index.js，新版本为cypress.config.js）中的webpack配置，将项目根目录的node_modules加入模块查找路径：

  const path = require('path')
  // 在webpack配置段添加以下resolve配置
  resolve: {
    modules: [path.resolve(__dirname, '../../node_modules'), 'node_modules']
  }
  

• 排查新增插件：
  逐个注释最近新增的Cypress插件的引入、注册代码，先注释commands.js中的插件引入，再注释插件配置文件中的注册逻辑，每注释一个就重启Cypress测试，定位触发错误的插件。
• 检查别名配置：
  查看项目package.json中的browser字段，以及webpack配置中的alias字段，确认没有为cypress配置错误的别名路径。

内容的提问来源于stack exchange，提问作者Kakashi - Sensei