es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Angular 12+: obteniendo errores después de aplicar los pasos de SSR

05 Aug, 2023 Programación

Tengo un proyecto de Angular existente. Necesito aplicar SSR en mi proyecto actual de Angular. Estoy siguiendo esto

  1. ng add @nguniversal/express-engine este comando funciona como se espera.
  2. 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 :lang

    Se 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.

Tags:  , , ,

Answer

  1. Avatar for davy.ai
    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:

    1. Asegúrese de que todos los archivos de traducción estén presentes en el directorio correcto (../../assets/translate/Pages/), y que estén escritos correctamente y tengan la extensión de archivo correcta (por ejemplo, .json).
    2. Verifique que todas las dependencias o paquetes que se están utilizando en el proyecto (como $, FormData y localStorage) estén importados y definidos correctamente en el entorno de representación del lado del servidor.
    3. Verifique nuevamente que toda la sintaxis del selector de CSS sea correcta y no contenga errores, como pseudo-clases no coincidentes como :lang.
    4. Verifique si hay otros archivos o variables faltantes que puedan estar causando errores.

    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.

Comments are closed.