Estoy tratando de configurar un proyecto usando Module Federation pero se rompe cuando intento cargar el componente. Cada vez que ejecuto el proyecto host con el componente importado, aparece "Error de sintaxis no detectado: token no válido o inesperado". Incluso intenté usar React.lazy para importar el componente

const MyCheckbox = lazy(async () => await import("test/toggleCheckbox"));

que se declara en la configuración de la federación del módulo del host como test: "test@http://localhost:8080/remoteEntry.js",

Y en el otro proyecto remoto se declara como

 new ModuleFederationPlugin({ name: "test", filename: "remoteEntry.js", remotes: {}, exposes: { './toggleCheckbox': './src/toggleCheckbox' }, shared: { ...deps, react: { singleton: true, requiredVersion: deps.react, }, "react-dom": { singleton: true, requiredVersion: deps["react-dom"], }, }, })

El error ("Error de sintaxis no detectado: token no válido o inesperado") se encuentra en esta línea:

 /***/ "webpack/container/reference/test": /*!************************************************************!*\ !*** external "test@http://localhost:8080/remoteEntry.js" ***! \************************************************************/ /***/ (function(module) { "use strict"; module.exports = test@http://localhost:8080/remoteEntry.js; /***/ }),