Publicar mi aplicación angular con netlifly: Solución de Page Not Found.

Подписаться 1,8 тыс.

Просмотров 6 тыс.

50% 1

Al momento de crear una app con angular, sin hacer uso del hash(#) en nuestras rutas, sucede que al recargar la página está nos muestra un mensaje como el que se muestra a continuación:
Page Not found
Looks like you've followed a broken link or entered a URL that doesn't exist on this site.
← Back to our site
En este video te voy a enseñar a como solucionar ese problema de una manera sencilla.
Espero que te guste el video y si es así, dale like, comenta, comparte con tus amigos programadores, suscríbete y activa las notificaciones porque estaré subiendo contenido de desarrollo web de manera frecuente.
Si eres desarrollador web y quieres aprender cosas nuevas, te invito a ver mi lista de reproducción de web components ( interfaces de usuario que funciona en cualquier proyecto web) :
• Web components con Jav...
#angular #netlify #error404
Solución de Page Not Found en angular con netlify al hacer f5.
Solución de Page Not Found en angular con netlify al recarga la aplicación.
Solución de página no encontrada en angular con netlify al hacer f5.
Solución de página no encontrada en angular con netlify al recarga la aplicación.
Solucionar página de error al recargar mi aplicación en angular.

Опубликовано:

10 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 40

@abrahamsanabria9491 9 месяцев назад

Bro! gracias por esta solución, tengo casi dos semanas buscando como solucionarlo!! me subscribo y te recomiendo para pagarte el favor!

@Gwerh.Immortal Год назад

son las 3:33 de la mañana y salvaste mi demo! jaja muchas gracias

@freedevabc Год назад

¡Excelente!

@jorgeperales_98 4 месяца назад

¡Muchísimas gracias! A día de hoy funciona correctamente:)

@isaacsanchez2310 4 месяца назад

Tome su like mi estimado, estuve buscando el error hasta que tuviste la solución.

@miguelito8572 Год назад

que capo, graciass me funciono

@JuanCHB_88 6 месяцев назад

Muchas gracias amigo estupenda solucion de verdad gracias

@adrianreyes1274 2 года назад

Gracias estaba buscando solución a este error, y este fue el unico método que me sirvio.

@braianezequielrosales3982 2 года назад

sos crack man! excelente video!

@mateoariascorrea5983 Год назад

Te has ganando el cielo mi rey

@albertorios4952 2 года назад

Muchas gracias, funcionó.

@freedevabc Год назад

Saludos.

@rolando167 2 года назад

Muchas gracias, Funcionóo :D

@fernandoemanuelgonzalez2512 Год назад

buenisimo ! gracias.

@personal-danidev 2 года назад

muchas gracias!!!!

@freedevabc Год назад

Gracias por comentar

@ninaluru 11 месяцев назад

genio! me funciono!

@lauvalenzuelabrandonorland9828 2 года назад

Eres un genio, muchas gracias

@danilocaro2860 Год назад

Gracias, justo lo que buscaba xD

@lucabonoris9091 2 года назад

Gracias crack, me funciono de diez!

@vbersano 2 года назад

Obrigado!

@juanfdx 2 года назад

Muchas gracias 😁

@ramirosolano Год назад

9/5/2023 me sirvió pero hay cosas que cambiaron en Netlify, crean la carpeta "_redirects" y el resto de cambios en el proyecto, luego lo suben a repositorio pero no ejecuten "ng build", en Netlify van al sitio creado => Site Overview => bajan y entran a "Production deploy" => bajan y tocan "Trigger deploy" y ahí tocan "Deploy site" eso ejecuta el comando "ng buil" directo en Netlify.

@freedevabc Год назад

Aún se hace con ng build, pero hay varias formas de hacer deploy y una es la que mencionas. En este tutorial se muestra la forma más sencilla con fines didácticos :).

@cristiansanchezvalverde4424 Год назад

Muchas gracias 2023, aun sigue funcionando

@josepiedra3380 Год назад

todavia funciona :v, grax me salvaste

@yordanlopez7143 2 года назад

Buenas gracias me funciona, una pregunta sera que me funcionaria algo parecido pero con un proyecto de vue2 ?

@freedevabc 2 года назад

Claro, pero la implementación es similar como en react. Si gustas mira mi video de react llamado "Solución de Page Not Found en react y netlify." y lo mismo aplicas a vue2.

@maikelrodriguez1142 8 месяцев назад

ando en angular 17, me da este error y no me funciona este metodo que es el 4to video que veo ya

@freedevabc 7 месяцев назад

De la versión 14 a la 17 hay algunos cambios que considerar y es mejor que sigas un tutorial de la v.17 o bajes tu versión a la 14.

@luisangellopezsanchez5470 2 года назад

De la que me as salvado

@GierIbac 11 месяцев назад

y con vue?

@freedevabc 3 месяца назад

La verdad ya hace tiempo que no usaba vue por eso no lo subí.

@franciscojunelvelascogomez3131 2 года назад

Hola amigo, me gustó tu vídeo. Yo también tengo problemas con ember js y quiero que redirija a una vista 404 modificada si la dirección URL no existe. ¿Cómo podría configurar mi vista 404? Que no sea de netlify. Saludos amigo.

@freedevabc 2 года назад

Entiendo que no es el mismo caso del video sino que quieres hacer una página para que cuando un enlace no exista esta se muestre. En ese caso lo que se hace es configurar las rutas de tu proyecto y al final se coloca un artificio para que cuando haya buscado todo los paths de tu proyecto y no lo haya encontrado entonces muestras la vista; Y aunque no he trabajado con emberjs, debe ser algo así: App.Router.map(function() { /// configuración de todas las rutas conocidas, después: this.route("404", { path: "*path"}); }); Espero eso te ayude o te de una pista.