Estoy intentando llevar un control remoto a un módulo compartido a través de la federación de módulos, pero recibo un error al consumir el módulo expuesto, Uncaught SyntaxError: Unexpected token ':'
El módulo que se extrae como control remoto:
module.exports = { experiments: { outputModule: true }, plugins: [new ModuleFederationPlugin({ // For remotes (please adjust) name: "angularRouter", remoteType: "module", filename: "remoteEntry.js", exposes: { "./Router": "./src/bootstrap.ts", }, shared: { "@angular/common": { singleton: true, requiredVersion: deps['@angular/common'], eager: false }, "angular/core": { singleton: true, requiredVersion: deps['@angular/core'], eager: false}, "@angular/router": { singleton: true, requiredVersion: deps['@angular/router'], eager: false} } })]Probé el script, el módulo y la biblioteca de remoteType: { tipo: "var", nombre: "angularRouter"},
El módulo que consume el primero y luego se expone
plugins: [ new ModuleFederationPlugin({ // For remotes (please adjust) name: "mfe4", library: { type: "var", name: "mfe4" }, filename: "remoteEntry.js", exposes: { './web-components': './app.js', }, remotes: { angularRouter: "http://localhost:4206/remoteEntry.js" }, shared: ["react", "react-dom"] }) ] Probé esto con angularRouter: "http://localhost:4206/remoteEntry.js" y angularRouter: "angularRouter@http://localhost:4206/remoteEntry.js"
No importa lo que haga, obtengo el siguiente resultado en el archivo de entrada remota generado
module.exports = http://localhost:4206/remoteEntry.js;
¿Hay alguna manera de hacer que el primer módulo expuesto se consuma como un control remoto y se reenvíe correctamente al segundo archivo de entrada remota?