histoire throws error when loading stories from another workspace

[marcelobotega]

Hi,

I have a monorepo with multiple workspaces, one workspace is the Histoire project, and I'm trying to make histoire look for stories in another workspace.
The story match is the following:

export default defineConfig({
    storyMatch: [
        '**/*.story.vue',
        '../workspace-a/src/**/*.story.vue',
    ],
});

I also have a github repo where you can reproduce the problem.

Histoire throws the following error when looking for the story on the other workspace.

Error while collecting story /Users/marcelobotega/Documents/GitHub/histoire-monorepo-error/workspace-a/src/components/test.story.vue:
Error: [vite-node] Failed to load /../workspace-a/src/components/test.story.vue
    at ViteNodeRunner.directRequest (file:///Users/marcelobotega/Documents/GitHub/histoire-monorepo-error/node_modules/.pnpm/[email protected]/node_modules/vite-node/dist/client-e36231b1.js:124:13)
    at async ViteNodeRunner.cachedRequest (file:///Users/marcelobotega/Documents/GitHub/histoire-monorepo-error/node_modules/.pnpm/[email protected]/node_modules/vite-node/dist/client-e36231b1.js:73:12)
    at async request (file:///Users/marcelobotega/Documents/GitHub/histoire-monorepo-error/node_modules/.pnpm/[email protected]/node_modules/vite-node/dist/client-e36231b1.js:95:21)
    at async run (/Users/marcelobotega/Documents/GitHub/histoire-monorepo-error/node_modules/.pnpm/@[email protected][email protected][email protected]/node_modules/@histoire/plugin-vue/dist/bundled/server.js:146:29)
    at async run (/Users/marcelobotega/Documents/GitHub/histoire-monorepo-error/node_modules/.pnpm/[email protected]_lahzunkvacnqvhsxgkxtoghzza/node_modules/histoire/dist/node/collect/run.js:6:18)
    at async default (file:///Users/marcelobotega/Documents/GitHub/histoire-monorepo-error/node_modules/.pnpm/[email protected]_lahzunkvacnqvhsxgkxtoghzza/node_modules/histoire/dist/node/collect/worker.js:30:5)
    at async file:///Users/marcelobotega/Documents/GitHub/histoire-monorepo-error/node_modules/.pnpm/[email protected]/node_modules/tinypool/dist/esm/worker.js:96:20

I can't find a solution for this, I'm missing something here ?
Maybe it's related to #167 ?

Thanks!!

[ropez]

@marcelobotega I'm struggling with the same problem. Did you come up with a sufficient solution?

[marcelobotega]

@Akryum nice find,
Adding the following lines to the histoire config file made it work

[marcelobotega]

@ropez can you check if this works for you too ?
And thanks @Akryum for the help =)

[Akryum]

Yeah vite by default doesn't allow loading files from outside the project folder 🐱

[marcelobotega]

Did not know that =)
Learned a new thing today 😄

[ropez]

@Akryum Yes, it works! Thanks a lot for this. We have the whole team dedicated to working on Histoire stories the next two weeks 😁

[Akryum]

Make sure to allow file loading in the vite config:
https://github.com/marcelobotega/histoire-monorepo-error/blob/9d5b5ef9eea97aa5d6ed3c79f7e5c2c1e38d0b52/workspace-b/histoire.config.ts#L8