Estoy tratando de ejecutar una instancia de @storybook-server que obtiene archivos HTML de un directorio local, en lugar de un servidor en ejecución.
Según la documentación, los archivos HTML (con las rutas respectivas) deben provenir de un servidor remoto o local, como se muestra a continuación
export const parameters = { server: { url: `http://localhost:${port}/storybook_preview`, }, };Sin embargo, dado que mi HTML es SSG, me gustaría tener una forma de ejecutar el libro de cuentos en un directorio local que contenga mis archivos, sin tener que ejecutar un servidor de nodo separado solo para servir estos archivos estáticos.
Tengo un archivo test.html en mi carpeta src y su historia respectiva apunta a su nombre de archivo
{ "title": "Example/test", "parameters": { "server": { "id": "test.html" } }, "stories": [ { "name": "Main" } ] }probé con
export const parameters = { server: { url: 'file://' + path.resolve('src'), }, };pero eso, desafortunadamente, generó un error en el libro de cuentos que decía
Failed to fetch TypeError: Failed to fetch at _callee$ (http://localhost:6006/vendors~main.iframe.bundle.js:9510:20) at tryCatch (http://localhost:6006/vendors~main.iframe.bundle.js:46534:40) at Generator.invoke [as _invoke] (http://localhost:6006/vendors~main.iframe.bundle.js:46765:22) at Generator.next (http://localhost:6006/vendors~main.iframe.bundle.js:46590:21) at asyncGeneratorStep (http://localhost:6006/vendors~main.iframe.bundle.js:9472:103) at _next (http://localhost:6006/vendors~main.iframe.bundle.js:9474:194) at http://localhost:6006/vendors~main.iframe.bundle.js:9474:364 at new Promise (<anonymous>) at http://localhost:6006/vendors~main.iframe.bundle.js:9474:97 at defaultFetchStoryHtml (http://localhost:6006/vendors~main.iframe.bundle.js:9525:17)¡Cualquier sugerencia sería muy apreciada!
Para aquellos que puedan encontrarse en la misma situación:
Me deshice de @storybook/server y opté por @storybook/html, que era más adecuado para mi caso