El comando cambio en Angular9
ng add @nguniversal/express-engine
Introducción
Angular 8 Performace
Analizando el tamaño del Bundle
¿Qué es un bundle size? Tree shaking y su importancia
Implementando Webpack Bundle Analyzer
Moment vs date-fns
Aplicando un Performance Budget desde el Angular CLI
Aumenta la velocidad de navegación
Code splitting a nivel de rutas
Implementando una propia estrategia de precarga
Implementando QuicklinkStrategy
Usando Machine Learning para predecir rutas
Google Analytics y Angular
Implementando GuessJs
Precarga con Service workers
¿Qué es Server Side Render?
Implementando Angular Universal
Cuidados con SSR y Angular
Rendimiento en tiempo de ejecución
¿Qué es el Change Detection?
Preparando módulo para Change Detection
Analizando el Change Detection
Optimización de componentes con OnPush
Usando pipes puros
subscribe
Async
Conclusiones
Conclusiones
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Si ya tienes una cuenta,
Iniciar sesión
Implementando Angular Universal
14/23Recursos
Aportes 7
Preguntas 8
Ordenar por:
El comando para instalar Angular Universal es el siguiente:
ng add @nguniversal/express-engine
En el examen al seleccionar esa opción dice que está mal.
Hola, si alguno está siguiendo el tutorial con angular 8 le fallará cuando intentan compilarlo porque todavía no hay soporte de express-engine para angular 8.
Si quieren de igual manera hacerlo, deben desactivar el “enableIvy” en “angularCompilerOptions” en los archivos tsconfig.app.json y en tsconfig.json! saludos
Que dolor de cabeza es pasar una app a SSR. Lo importante es que eso vaya dentro de la planeación del proyecto para prevenir la mayor cantidad de errores posible. Ya después con el tiempo le agarras la onda a lo que debes de cuidar.
No se que hice o si tiene que ver con el hecho de ser la versión 9 pero no me da error lo del Swiper…
Vean en $ ng version que las versiones de (grupo 1):
- @angular-devkit/architect
- @angular-devkit/build-angular
- @schematics/update
Sean iguales entre sí, así como de (grupo 2):
- @angular-devkit/core
- @angular-devkit/schematics
- @angular/cdk
- @angular/cli
En mi caso, el primer grupo marcaba 0.1102.14 y el segundo marcaba 11.2.14. Esto es importante recalcarlo porque si vienen de versiones muy viejas de Angular como yo, que en mi caso fui migrando desde ng7, muchos de estos paquetes no se actualizarán por igual y esto les puede dar dolores de cabeza al instalar Angular Universal por incompatibilidad del schematic y el devkit.
También recuerden modificar el comando que el profesor muestra para su versión de Angular. En mi caso utilicé:
$ ng add @nguniversal/[email protected] --clientProject
Por último, siempre revisen que la versión de Node sea compatible con la versión de Angular, además de tener NPM siempre en su última versión. Si usan NVM para portar diferentes versiones de Node en sus proyectos, es algo que deben de considerar por igual. En mi caso, tenía rato sin tocar Angular y tenía Node en versión superior a Angular, lo cual me producía errores.
hay que revisar la documentación con esto porque a la fecha, ha cambiado.
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?
o inicia sesión.