Estaba siguiendo las instrucciones para tener contenido rebajado con Astro.
Así que creé un archivo de diseño src/layout/markdown.astro con
--- const { content } = Astro.props; --- <html> <head> <title>{content.title}</title> </head> <body> <slot /> </body> </html> Y el archivo de página src/pages/blog/test.md con
--- layout: ../../layout/markdown.astro title: Test --- # Hello world Pero por alguna razón, astro está tratando de encontrar el archivo markdown.astro.js en su lugar:
[executing astro] CompileError: Could not find "/src/layouts/markdown.astro.js" at load (file:///Users/me/Workspace/my-project/node_modules/astro/dist/runtime.js:177:16) at processTicksAndRejections (internal/process/task_queues.js:95:5) at async Server.<anonymous> (file:///Users/me/Workspace/my-project/node_modules/astro/dist/dev.js:21:20) { start: { line: 1, column: 0, character: 0 }, end: undefined, filename: '/Users/me/Workspace/my-project/blog/test/index.html', frame: '1: \n ^' } Mi astro.config.mjs está bastante vacío:
// @type-check enabled! // @ts-check export default /** @type {import('astro').AstroUserConfig} */ ({ renderers: ['@astrojs/renderer-vue'], buildOptions: { site: 'https://me.github.io', sitemap: true, }, }); Iba a abrir un error, cuando decidí hacer un proyecto limpio y copiar y pegar los ejemplos en la documentación que (con la excepción de un ../ adicional en el diseño) funcionan como se esperaba.
¿Alguna idea de dónde debería comenzar a buscar el problema?