运行应用脚本时遇@nrwl/web:dev-server错误，如何修复？

1. 检查并安装对应依赖包 #

首先确认项目是否安装了正确的Nx Web依赖：

• 若你的Nx版本是16及以上：@nrwl/web已迁移至@nx/web，执行命令安装：

  yarn add -D @nx/web
  

• 若为Nx 16以下版本：直接安装@nrwl/web：

  yarn add -D @nrwl/web
  

2. 修正项目配置中的执行器路径 #

打开项目根目录下的project.json（或angular.json，依项目类型而定），找到dev:ess对应的target配置，检查executor字段：

• Nx 16+版本，将@nrwl/web:dev-server替换为@nx/web:dev-server
• 如果是Angular项目，应使用@nx/angular:dev-server而非Web包的执行器

示例修正后的配置片段：

"dev:ess": {
  "executor": "@nx/web:dev-server",
  "options": {
    "buildTarget": "ess:build"
  }
}

3. 匹配Nx核心与包版本 #

执行nx --version查看Nx核心版本，确保@nx/web（或@nrwl/web）的版本与核心版本完全一致——版本不匹配会导致执行器解析失败：

• 版本不一致时，重新安装对应版本的包：

  yarn add -D @nx/web@<你的Nx核心版本号>
  

4. 清理Nx缓存并重启 #

缓存异常也可能引发依赖解析问题，执行命令清除缓存：

yarn nx reset

之后重新运行yarn dev:ess测试。

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