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.

marco de inserción con HTML local en React o Angular

18 Jul, 2023 Programación

Estoy tratando de mostrar un archivo HTML local en un iframe.
En Angular y React, funciona en modo de desarrollo, pero en producción (AWS Amplify) recibo el error “no se pueden encontrar rutas coincidentes”.

He intentado todas las respuestas en preguntas similares anteriores, pero ninguna solución para mí.
He probado muchas formas de ubicaciones (en src, en public, creando una carpeta de assets, etc.).
He probado muchas formas de sintaxis de dirección, como:

<iframe src="address.html"></iframe>
<iframe src="./address.html"></iframe>
<iframe src="../address.html"></iframe>
<iframe src="./assets/address.html"></iframe>
<iframe src="../assets/address.html"></iframe>
<iframe src={process.env.BASE_URL + "/assets/address.html"}></iframe>
<iframe src="https://awsAmplifyAddress.com/assets/address.html"></iframe>

etc…

Ayuda…

Tags:  , , , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Parece que estás enfrentando un problema de enrutamiento al intentar mostrar un archivo HTML local en un iframe en modo de producción utilizando AWS Amplify. Aquí tienes algunas sugerencias que pueden ayudarte:

    1. Asegúrate de que la dirección y la ruta del archivo HTML sean correctas. Verifica la ortografía y la extensión del archivo (.html) y confirma que se encuentra en la ubicación correcta de la carpeta.

    2. En React, intenta importar directamente el archivo HTML en tu componente utilizando import address from './address.html' y luego utiliza la propiedad dangerouslySetInnerHTML para renderizarlo. Por ejemplo:

      <div dangerouslysetinnerhtml="{{__html:" address}}/="">

    3. En Angular, intenta utilizar el atributo srcdoc en lugar de src en la etiqueta <iframe>. Por ejemplo: 
      <iframe srcdoc="&lt;p&gt;¡Hola Mundo!&lt;/p&gt;"></iframe>
    4. Si has configurado reglas de enrutamiento personalizadas en tu aplicación, asegúrate de que no estén interfiriendo con la ruta al archivo HTML.

    5. Si ninguna de las sugerencias anteriores funciona, considera alojar el archivo HTML en un servidor separado o utilizar un servicio de terceros para mostrar contenido HTML en tu aplicación.

    Esperamos que una de estas sugerencias te ayude a resolver tu problema. ¡Buena suerte!

Comments are closed.