不適用於來自 nx（模塊聯合）的生產程序集 remoteEntry.mjs

Question

但是，對於本地開發，MF 可以使用從主機到遠程端口的 remoteEntry.js 生產構建返回Failed to fetch dynamically imported module error: http://localhost:2000/remoteEntry.mjs.

雖然這是真的。 該錯誤很可能是由於瀏覽器沒有將其作為腳本處理。 而且我查看了來源，js選項沒有在任何地方描述。 可以做什么？

tsconfig 示例：

"target": "esnext",
"module": "esnext",
"lib": ["esnext", "dom"],

環境：Angular 13、NX Monorepo、@nrwl/angular/module-federation(libs)

Answer 1

解決了。 問題出在 nginx 配置中。 我們需要將 nginx 添加到 mime.types

server
{
   include mime.types;
   types
   {
      application/javascript mjs;
   }

...

}