angular - Webpack Module Federation Unsatisfied version 11.x.x of shared singleton module @angular/common (required ^7.2.0)

Question

我试图让我相当复杂的单体应用程序与模块联合一起工作。我的 webpack 配置看起来像这样

   plugins: [
    new ModuleFederationPlugin({
        remotes: {
            "mfe1": "mfe1@http://localhost:3000/remoteEntry.js",
        },
        shared: {
          "@angular/core": { singleton: true, strictVersion: true },
          "@angular/common": { singleton: true, strictVersion: true },
          "@angular/router": { singleton: true, strictVersion: true },
          ...sharedMappings.getDescriptors()
        }
    }),
    sharedMappings.getPlugin(),
  ],

在微前端方面共享是相同的。当我尝试运行应用程序时，我得到:

Error: Unsatisfied version 11.2.1 of shared singleton module @angular/common (required ^7.2.0)

在此之前，我收到了类似的错误消息，但针对 angular/core。我通过重新运行 yarn 并根据不同的 Angular/核心版本修复库产生的所有警告来解决这个问题。
但是由于错误 fpr angular/common 我被卡住了。我不知道如何找出哪个库可能会产生该错误。

Answer 1

您可能应该指定 requiredVersion在每个共享项目上。如果你没有指定它，webpack 不仅会尝试从你的主 package.json 中确定版本，而且还会从在你的 node_modules 中使用这些 angular 库的任何 npm 包中确定版本。
将会发生的情况是，每当您导入使用 angular 的第三方模块时，它都会扫描该模块的 package.json 并基于此添加另一个条目版本范围映射。这可能会导致不必要的行为，并且可能是您所看到的原因。