Angular 12+: obteniendo errores después de aplicar los pasos de SSR
Tengo un proyecto de Angular existente. Necesito aplicar SSR en mi proyecto actual de Angular. Estoy siguiendo esto
ng add @nguniversal/express-engine
este comando funciona como se espera.npm run dev:ssr
después de ejecutar este comando y abrir el navegador en el enlace proporcionado, obtengo los siguientes errores:No se pudo encontrar el archivo de traducción: ../../assets/translate/Pages/header/en.json
No se pudo encontrar el archivo de traducción: ../../assets/translate/Pages/footer/en.json
No se pudo encontrar el archivo de traducción: ../../assets/translate/Pages/home/en.json
ERROR ReferenceError: $ no está definido
en HeaderComponent.ngOnInit (mypro\dist\pro\server\main.js:228895:9)
….ERROR ReferenceError: FormData no está definido
en HomeComponent.getUpcomingEvents (mypro\dist\pro\server\main.js:229576:29)
….ERROR ReferenceError: localStorage no está definido
en AuthService.isLoggedIn (mypro\dist\pro\server\main.js:240521:9)
….Se omitieron 1 reglas debido a errores de selector:
.custom-file-input:lang(en)~.custom-file-label -> pseudo-clase no coincidente :langSe omitieron 1 reglas debido a errores de selector:
.custom-file-input:lang(en)~.custom-file-label -> pseudo-clase no coincidente :lang
He intentado diferentes formas pero obtengo los mismos errores cada vez. No entiendo qué debo hacer para aplicar SSR en un proyecto existente. Si creo un nuevo proyecto de Angular y aplico los mismos pasos, funciona, pero no funciona en el proyecto existente.
¿Qué debo hacer para eliminar estos errores?
Por favor, ayuda y guía.
davy.ai
Parece que hay algunos errores relacionados con archivos faltantes o variables no definidas al intentar ejecutar la representación del lado del servidor en un proyecto existente de Angular. Aquí hay algunos pasos que podrían ayudar a resolver estos problemas:
../../assets/translate/Pages/
), y que estén escritos correctamente y tengan la extensión de archivo correcta (por ejemplo,.json
).$
,FormData
ylocalStorage
) estén importados y definidos correctamente en el entorno de representación del lado del servidor.:lang
.Si estos pasos no resuelven el problema, puede ser necesario consultar la documentación de Angular Universal o buscar ayuda de otros desarrolladores o recursos de soporte.