Error only during build: _sfc_main is not defined

[tillsanders]

Hi,

I just picked up Histoire and so far the experience has been a lot smoother than Storybook. I started out simple with only one story and running histoire dev works just fine. No errors in the console or in the browser. However, when running histoire build, I get the following error message. It sounds like something vite/vite-node related to me. Has anyone seen this? Found nothing similar so far.

Error while collecting story /Users/finanzritter/Code/frontend/hermelin-extras/src/contract/HermelinContract.story.vue:
ReferenceError: _sfc_main is not defined
    at /Users/finanzritter/Code/frontend/hermelin-extras/src/contract/HermelinContract.vue:117:1
    at async ViteNodeRunner.directRequest (file:///Users/finanzritter/Code/frontend/hermelin-extras/node_modules/vite-node/dist/client.mjs:217:5)
    at async ViteNodeRunner.cachedRequest (file:///Users/finanzritter/Code/frontend/hermelin-extras/node_modules/vite-node/dist/client.mjs:113:12)
    at async request (file:///Users/finanzritter/Code/frontend/hermelin-extras/node_modules/vite-node/dist/client.mjs:136:16)
    at async /Users/finanzritter/Code/frontend/hermelin-extras/src/contract/HermelinContract.story.vue:6:31
    at async ViteNodeRunner.directRequest (file:///Users/finanzritter/Code/frontend/hermelin-extras/node_modules/vite-node/dist/client.mjs:217:5)
    at async ViteNodeRunner.cachedRequest (file:///Users/finanzritter/Code/frontend/hermelin-extras/node_modules/vite-node/dist/client.mjs:113:12)
    at async request (file:///Users/finanzritter/Code/frontend/hermelin-extras/node_modules/vite-node/dist/client.mjs:136:16)
    at async run (/Users/finanzritter/Code/frontend/hermelin-extras/node_modules/@histoire/plugin-vue2/dist/bundled/client/server/run.js:8:29)
    at async run (/Users/finanzritter/Code/frontend/hermelin-extras/node_modules/histoire/dist/node/collect/run.js:6:20)
node:internal/process/promises:265
            triggerUncaughtException(err, true /* fromPromise */);
            ^

[Akryum]

Do you have a runnable repro please? 🙏

[tillsanders]

You know this feeling when you go online and post a random error message and some helpful maintainer replies within an hour to ask for a reproduction? Feels kinda like this... 😄

But is totally valid, of course 😄 I stripped it down and now I'm rather confused because I cannot find anything unusual about this setup. Yet, it will not build. Simply fork and run npm ci && npm run story:build.

https://github.com/tillsanders/histoire-repro-304

[tillsanders]

Oh, also I'm using node v16.14.0 and npm v8.3.1.

[tillsanders]

I upgraded to v0.11.0 today, but unfortunately, the issue remains. Any idea, what might cause this? I managed to reproduce it with a very basic setup.

[tillsanders]

Turns out, I had two problems that caused this:

1. I was using the deprecated vite-plugin-vue2. So I upgraded to Vue 2.7 and switched to using the new plugin @vitejs/plugin-vue2.
2. I had compilerOptions.target set to 'es2019' in my tsconfig. Setting it to 'esnext' helped solve the issue.

I can now build as expected!