Angular universal lazy loading

Angular universal s3

El contenido del módulo cargado de forma perezosa también debería ser renderizado en el código fuente de la página. No es correcto, según Angular Universal. Actualmente, no hay ningún problema con los componentes normales, pero el contenido del módulo lazy-loaded debe ser renderizado en el código fuente de la página.

@trotyl Primero añadí esto a mi módulo de la aplicación, pero después de la construcción, se estrelló. Ahora he borrado todos los archivos relacionados con Angular, cli n todo y instalado nueva aplicación n intentó. Ahora estoy consiguiendo que se represente en la página como yo necesitaba. Gracias, @trotyl para señalar claramente, lo que me faltaba.

Tengo exactamente el mismo problema y ModuleMapLoaderModule está en su lugar, estoy usando angular universal starter boilerplate y todavía hay problemas con las rutas cargadas perezosamente. El código fuente de la página no se genera en el estado inicial y añadir la propiedad initalNavigation tampoco resuelve el problema.

@nguniversal/module-map-ngfactory-loader

Nota: app.server.module.ts debe tener ModuleMapLoaderModule importado de @nguniversal/module-map-ngfactory-loader para que funcione lazyloading modules view source content.import { NgModule } from ‘@angular/core’;

si hacemos (npm run build:client-app:prod) y (npm run build:server-app:prod), se generarán builds de la app cliente y universal en las carpetas dist y dist-server.Instalar ts-node dentro de nuestro proyectonpm i -g ts-node –save // instalar ts-node para compilar el archivo express server

Srinivas Alapati Tengo un problema relacionado con SSR angular, he implementado SSR y todo funciona bien, pero hoy al hacer las pruebas finales en el servidor en vivo me di cuenta de SSR está roto en el caso de moduled perezoso cargado y nada que se añade en el cuerpo cuando hago ver la fuente de la página. He leído este artículo y he intentado muchas soluciones pero nada me ha funcionado, ¿puede usted por favor mirar esto? También he puesto una pregunta en stackoverflow, estoy adjuntando el enlace de la pregunta a continuación, gracias de antemano.

Solicitud http universal de Angular

Creo que tiene que ver con el hack sucio del paso 9, añadiendo la ventana al ámbito global. El error aparece en cada refresco del navegador, en cada url servida. Además, he tenido que convertir mi componente home normal en lazy-loaded, porque la página no carga correctamente. He visto una pantalla en blanco y el error anterior.

Desafortunadamente, todavía tengo el mismo problema. Pero cuando cambié un módulo lazy-loaded a uno regular, no pude cargar esa página en absoluto, obteniendo: ERROR TypeError: button.getBoundingClientRect no es una función,

Por desgracia, sigo teniendo el mismo problema. Pero cuando cambié un módulo lazy-loaded por uno normal, no pude cargar esa página en absoluto, obteniendo: ERROR TypeError: button.getBoundingClientRect no es una función,

Angular universal con node js

¿Existe una forma de proporcionar el AppModule del navegador o del nodo (app.browser.module.ts o app.node.module.ts) dentro de DI para los parámetros de la función? Tengo la siguiente función “create” y necesito pasar el AppModule específico del entorno correcto como param.create<T>(component: Type<T>, parámetros? Object, module: any = Inject(‘AppModule’)): Observable<ComponentRef<T>> {

En realidad he tenido la impresión de que el proyecto está todavía en fase “pre-alfa”, sin embargo, https://www.npmjs.com/package/angular2-universal dice que la última versión es la 2.1.0-rc.1 (¿fase candidata a la publicación?) y sin embargo no hay ninguna versión indicada en https://github.com/angular/universal/releases

@somombo @crebuh siento el silencio de radio. No te equivoques que hay una tonelada de trabajo en curso con universal en este momento. La razón por la que no están viendo ninguna actualización en el repo universal es que estamos en el proceso de dividir el repo universal existente en dos partes. Una parte está siendo integrada en el núcleo de Angular. El objetivo es conseguir que todas las partes más vitales de universal se integren estrechamente en el núcleo para que se actualice de forma regular y se mantenga bien. La parte restante será un proyecto comunitario que esencialmente consiste en azúcar y librerías compartidas sobre la funcionalidad del núcleo. Así, por ejemplo, cosas como el adaptador Express.