Using Raw plugin in Storybook

[EskiMojo14]

Hey there, me again 😅

I followed the guide here for setting up raw imports in Storybook, but I'm still getting the below error:

SyntaxError: The requested module '/src/styles/base.css?type=raw' does not provide an export named 'default'

I added logging to the Vite plugin and response.body is definitely giving the expected result, so I'm not really sure what's missing in the setup.

As usual, repo is https://github.com/EskiMojo14/neocities.

[thescientist13]

Hello again! 😄 👋

Interesting, and yeah testing locally I can confirm the same, that the plugin is providing the expected response contents.

I have a similar project using this setup though at a quick glance, one thing I did notice was that your project using is Vite 6, so that may be something to consider from my end. Let me play around with it though, and maybe worth a call out on the docs site if so, depending on what I find. 👍

---

I was going to surprise you with our built-in TypeScript support once i landed that SSG / hydration patch but then I was surprised when you already had a greenwood.config.ts and were already on the latest alpha lol 🙃

[EskiMojo14]

built-in TS support is lovely, jumped on it as soon as I spotted 😛
I needed to use the useTsc option since I'm using experimental decorators (which are interestingly not covered by the erasableSyntaxOnly flag) and I also updated directly to Node 23 as I wasn't really sure how to pass the --experimental-strip-types flag to Storybook.

[thescientist13]

Ok, was able to figure out the issue, and it was just an intersection between .css files and Vite. Opened a PR which should be more accommodating now. 🤞

---

Somewhat unrelated, I noticed a couple things

In package.json these two options are pretty much doing the same thing

"dev": "node --import @greenwood/cli/register --loader ./node_modules/@greenwood/cli/src/loader.js ./node_modules/@greenwood/cli/src/index.js develop",

You should be able to just do this:

"dev": "node --import @greenwood/cli/register ./node_modules/@greenwood/cli/src/index.js develop",

Or if you want something a little cleaner / terser with no hardcoded path to node_modules

"dev": "NODE_OPTIONS='--import @greenwood/cli/register' greenwood build",

I think the latter option would also work to pass flags to Storybook, e.g

"storybook": "NODE_OPTIONS='--experimental-strip-types' storybook dev -p 6006",

---

I'm not sure if it's related to the hydration issue, but I saw that for some reason the content as data responses were coming back as undefined in a production build, even though all the network requests were successful? Will keep poking around 🔍

[EskiMojo14]

I'm not sure if it's related to the hydration issue, but I saw that for some reason the content as data responses were coming back as undefined in a production build, even though all the network requests were successful? Will keep poking around 🔍

Yeah, there's a couple oddities with the production build that I haven't taken the time to debug yet - I basically just decided to get on with building for the moment.
If you're able to narrow down a cause, that'd be great 😄

[thescientist13]

Have some updates on the hydration issue, so shared a comment here and I think we can close this one down for now. 👍