Creé un conjunto de páginas usando {mdx.slug} en src\pages\mountains y funcionan bien. Si duplico el mismo archivo .mdx en la ruta src\pages\cycling , noto que las nuevas páginas estarán debajo mountains y no debajo de otras (en el navegador). De hecho, debajo de cyclyng voy a la página 404. ¿Tienes alguna idea sobre el tema?
Creo que el punto está en mi consulta de graphql:
export const query = graphql` query($slug: String) { mdx(slug: {eq: $slug}) { body frontmatter { title date(formatString: "MMMM DD, YYYY") hero_image_alt hero_image_credit_link hero_image_credit_text hero_image { childImageSharp { gatsbyImageData } } } } } ` Usando $slug puedo leer la lista completa de páginas, no solo las que están en una sola ruta (por ejemplo, src\pages\mountains )
gatsby cleanGatsby.js development 404 page : Imgurcómo usar GraphiQL para consultar solo un conjunto de páginas, y no todas
Debe agregar algún identificador al MDX para aplicar un filtro GraphQL. En tu caso yo haría algo como:
--- title: "Cap Corse" date: "2018-08-05" type: "cycling_ascent" hero_image: "./golfu-alisu.jpg" hero_image_alt: "Golfu di Alisu" hero_image_credit_text: "AV - 2019" --- Then in your query: export const query = graphql` query($slug: String) { mdx(slug: {eq: $slug}, type: {eq: "cycling_ascent" }) { body frontmatter { title date(formatString: "MMMM DD, YYYY") hero_image_alt hero_image_credit_link hero_image_credit_text hero_image { childImageSharp { gatsbyImageData } } } } } ` Verifique la notación en el área de juegos de GraphiQL ( localhost:8000/_graphql ) para verificar los filtros disponibles y la salida.
Y lo contrario ( type: mountains ) para la página de montañas.