-
Notifications
You must be signed in to change notification settings - Fork 1.8k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Bug]: @Carbon/react not working properly with latest Remix version #15352
Comments
Here is an example setup that does work but that is for an older version of remix and @carbon/react. https://stackblitz.com/edit/remix-carbon?file=app%2Froot.tsx Based on the issue above, it seems that I need to install |
Hey, thanks for reporting this. Updating the working stackblitz to the latest version of The initial/broken repro you linked doesn't have a .scss in it. Could you provide a broken reproduction of the issue? You're correct you shouldn't need to install |
Hey @tay1orjones , thanks for looking into this. This is what I am getting when I am trying to run the sass command to generate the styles and trying to import the The sandbox is here: https://stackblitz.com/~/github.com/fahadahmed/fhdamd-1-remix-dynamic-form |
@fahadahmed I think you're running into this issue: sass/dart-sass#1765, specifically sass/dart-sass#1765 (comment) pnpm symlinks dependencies, so the
You might need a load path entry for each package used by |
I think Try it out and let us know how it goes, this would be a good thing to document if we can validate this fixes your issue. |
Do you know if there's any workaround for this if I'm using In my scss file, I'm doing simply Sorry but I'm not using command line to load sass styles, so I don't quite understand how to apply your above suggestions in Rollup config. I.e. using 'rollup-plugin-scss' or 'rollup-plugin-sass'. // FYI I'm using following configs:
(It was working in Carbon v10 - even though I didn't have "includePaths: ['node_modules']" back then) |
Okay I've updated all my packages in // For future folks reading this, you may also check if you have any other carbon package installed, like |
Package
@carbon/react
Browser
Chrome
Package version
v1.44.0
React version
18.2.0
Description
Cannot use @carbon/react package within a remix app after setting up sass. We get a message for unable to find a stylesheet to import.
Reproduction/example
https://stackblitz.com/~/github.com/fahadahmed/fhdamd-1-remix-dynamic-form
Steps to reproduce
pnpm create remix <repository-name>
@carbon/react
to the projectstyles/ globals.scss
file and setup the file to use the styles from @carbon viause '@carbon/react'
the dev command to generate css files for sass styles for carbon will fail.
Suggested Severity
Severity 2 = User cannot complete task, and/or no workaround within the user experience of a given component.
Application/PAL
No response
Code of Conduct
The text was updated successfully, but these errors were encountered: