After 0.18 upgrade, css imports show error

[Graham42]

After the 0.18 upgrade, I noticed my css imports showing TypeScript errors, for example:

Cannot find module '../styles/index.css' or its corresponding type declarations.

Currently the 0.18 release uprade instructions say to add this line to the tsconfig.json file

{
  "include": ["remix.env.d.ts", "**/*.ts", "**/*.tsx"]
}

But if the tsconfig.json file is in the app/ folder, then "remix.env.d.ts" is not resolved. This can be fixed by changing the include statement to

{
  "include": ["../remix.env.d.ts", "**/*.ts", "**/*.tsx"]
}

I spun up a new test project with npm init remix and I see that the tsconfig.json file is now in the root of the project by default, so I think the 0.18 release notes are missing step to move app/tsconfig.json to the root of the project.

[machour]

Not applicable anymore

[joshuagraber]

Why is this not applicable anymore? I'm using 1.6.7 and keep getting import errors with CSS files. Have tried this solution and it feels like a zillion others, no luck. is there any documentation on how to solve this?

Edit: re-ran my build script, which cleans cache and other generated files first, and now it's okay? Strange behavior, though. If anyone knows why it might be happening occasionally, I'm curious.

[nabeelpkl]

facing same issue, how can I solve this?

[machour]

@nabeelpkl please open a new Q&A question in the discussion tab.