Deployment issues using typescript and css modules

[jf2978]

Hey peeps 👋🏼

Have been tinkering with a new typescript project and noticed (and ultimately fixed) some issues with CSS module type-checking out of the box that I thought I'd share and surface in case others run into the same.

First, I needed a type declaration for my project like styles.d.ts below as I would otherwise get an error like: Cannot find module './index.modules.css' or its corresponding type declarations.ts(2307). Also worth noting that this error did not seem to affect deploying locally, but did fail on nokkio deploy because I had nokkio:ci enabled.

styles.d.ts

declare module '*.modules.css';

Second, I happen to like naming my modules with the module.css (no s), which seems to be the convention for tools like create-react-app, and noticed that doing so seemed to break styling in project (even with the type declaration file I mentioned above)

Hope this helps anyone that may be running into the same!

[bradleyboy]

Hey @jf2978! Good call on both of these:

1. We thought we were shipping a default declarations.d.ts file to new TS projects, but it turns out our packaging script was removing it from the Nokkio CLI, causing this to break 😬 We'll get this fixed in the next release!
2. Re: module.css vs modules.css: good call, we'll support module.css in the next version as well, this was just an oversight.

Thanks again for the report!

[bradleyboy]

Fixed in v0.0.67 - https://github.com/orgs/nokkio/discussions/4