1

Desplegué la aplicación de angular en modo de producción y en todos los navegadores se muestra excepto en Explorer 11, donde recibo el siguiente mensaje de error:

Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'pet' Error: Cannot match any routes. URL Segment: 'pet' at Anonymous function (52.205.249.130/pet/vendor.bundle.js:92228:17)

¿Por qué el tag <base href=""> no funciona en Explorer?

3
  • ¿El código de la etiqueta es <base href=""> sin nada en el href?
    – Alvaro Montoro
    Commented el 11 abr. 2018 a las 1:24
  • Falta incluir un ejemplo mínimo verificable
    – Rubén
    Commented el 11 abr. 2018 a las 2:02
  • La etiqueta base es compatble con Explorer, será mejor que amplies tu pregunta y añadas código para ver dónde esta el problema.
    – ErnestoRM
    Commented el 11 abr. 2018 a las 6:18

1 respuesta 1

1

La etiqueta <base href="">es compatible con Internet Explorer. Como puedes comprobar en la documentación de desarrolladores de Mozilla:

A falta de un ejemplo específico de tu problema, debes tener claro que:

  • La etiqueta sólo puede estar situada dentro <head>.
  • Sólo puede haber una etiqueta <base> en tu documento. Si tienes más de una, los navegadores suelen ignorar todas salvo la primera.
  • No funciona con rutas relativas, por ejemplo ../../, por lo menos a partir de IE 8+. En este caso, Chrome y Firefox sí que las soportan. Puede que tu problema se encuentre aquí.

En todo caso, siempre puedes validar tu código con la herramienta de validación de W3C. Podría tratarse de alguna etiqueta mal cerrada, carácter extraño, etc. que trata de forma diferente IE a otros navegadores.

4
  • !doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>Ejemplo</title> <base href="/"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="assets/favicon.png" type="image/x-icon"> <link href="fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> </head> <body> <app-root></app-root> <script type="text/javascript" src="inline.bundle.js"></script><script type="text/javascript" src="polyfills.bundle.js"></script><script type="text/javascript" src="styles.bundle.js"></script></body> </html>
    – Alejo
    Commented el 11 abr. 2018 a las 14:26
  • En base a lo que me dices, creo que es porque dentro del tag base estoy utilizando rutas relativas.
    – Alejo
    Commented el 11 abr. 2018 a las 14:27
  • @Alejo ¿es eso el código que tienes?
    – Alvaro Montoro
    Commented el 11 abr. 2018 a las 17:27
  • @DanNovek esto no responde a la pregunta. Es demasiado genérico y realmente no aborda el problema que Alejo describe y que parece ser un bug conocido de angular con IE11 (en SO en inglés hay alguna pregunta sobre esto, además de un bug report abierto en GitHub).
    – Alvaro Montoro
    Commented el 11 abr. 2018 a las 17:36

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.