Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

190
Vistas
Los componentes compartidos no se procesan en SSR desde la aplicación host

Tuve un problema cuando usé SSR con la federación de módulos. Mi ejemplo con código

Cómo empezar

  • instalación de hilo: todo
  • shell de hilo: servidor: construir
  • shell de hilo: servidor: inicio
  • control remoto de hilo: inicio

Tengo dos aplicaciones diferentes, una de ellas es una aplicación Host con SSR y lógica para los componentes de procesamiento, la segunda es como una biblioteca compartida con componentes. Configuré ng-universal en la aplicación host y quiero ver el código completo en respuesta cuando se carga la página, pero solo obtuve el código de la aplicación host. Captura de pantalla de mi respuesta Ese código me da la oportunidad de obtener componentes de remoteEntry.js

 import { LoadRemoteModuleOptions } from '../interfaces/module-federation.interfaces'; type Scope = unknown; type Factory = () => any; type Container = { init(shareScope: Scope, initScope?: Scope): void; get(module: string, getScope?: Scope): Promise<Factory>; }; const createContainer = (name: string): Container => { // @ts-ignore const container = window[name] as Container; return container } ; declare const __webpack_init_sharing__: (shareScope: string) => Promise<void>; declare const __webpack_share_scopes__: { default: Scope, plugin: Scope }; const moduleMap: any = {}; export function loadRemoteEntry(remoteEntry: string): Promise<boolean> { return new Promise<any>((resolve, reject) => { if (moduleMap[remoteEntry]) { resolve(moduleMap[remoteEntry]); return; } const script = document.createElement('script'); script.src = remoteEntry; script.onerror = reject; script.onload = () => { moduleMap[remoteEntry] = true; resolve(moduleMap[remoteEntry]); // window is the global namespace }; document.body.appendChild(script); }); } async function lookupExposedRemote<T>( remoteName: string, exposedModule: string ): Promise<T> { // Initializes the share scope. This fills it with known provided modules from this build and all remotes await __webpack_init_sharing__('default'); // @ts-ignore // @ts-ignore const container = createContainer(remoteName); if (!container) {throw new Error('Container with script is not defined')} await container.init(__webpack_share_scopes__.default); const factory = await container.get(exposedModule); const Module = factory(); return Module as T; } export async function loadRemoteModule( options: LoadRemoteModuleOptions ): Promise<any> { await loadRemoteEntry(options.remoteEntry); return await lookupExposedRemote<any>( options.remoteName, options.exposedModule ); }

Creo que es un problema porque no tengo una ventana de objetos en el lado del servidor, pero uso Domino para eso. Quizás alguien me pueda ayudar, se lo agradecería.

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Problema fue resuelto. Simplemente cree una aplicación remota e iníciela con un servidor ligero. Se actualizó el repositorio. Úsalo si lo necesitas. https://i.imgur.com/pkyTEsQ.png

about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda