Nx微前端Module Federation启动报错：缺失outputPath属性

问题根源 #

你的serve目标错误使用了@nx/angular:webpack-browser执行器——这个执行器是用于构建打包的，而非启动开发服务器。它会强制要求outputPath配置，但开发服务器场景下不需要该属性，因此抛出缺失错误。

修复步骤 #

1. 替换serve执行器
   将serve目标的executor改为@nx/angular:webpack-dev-server，这是Nx官方用于Angular开发服务器的执行器。

2. 简化serve配置
   webpack-dev-server会通过browserTarget复用build目标的所有配置（包括customWebpackConfig），因此无需在serve的options和configurations中重复声明customWebpackConfig，直接删除即可。

修改后的serve目标配置 #

"serve": {
  "executor": "@nx/angular:webpack-dev-server",
  "configurations": {
    "production": {
      "browserTarget": "xyz:build:production"
    },
    "development": {
      "browserTarget": "xyz:build:development"
    }
  },
  "options": {
    "port": 4400,
    "publicHost": "http://localhost:4400"
  },
  "defaultConfiguration": "development"
}

3. 同步extract-i18n执行器（可选但推荐）
   为保持全栈Nx执行器一致性，将extract-i18n的执行器从ngx-build-plus:extract-i18n替换为@nx/angular:extract-i18n，配置保持不变：

"extract-i18n": {
  "executor": "@nx/angular:extract-i18n",
  "options": {
    "browserTarget": "xyz:build"
  }
}

验证修复 #

执行npm run start，开发服务器应能正常启动，不再出现outputPath缺失错误。

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