-
Notifications
You must be signed in to change notification settings - Fork 4.9k
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] Error using semantic-ui-css to create-react-app #7073
Comments
Getting the same error. Webpack 5.65.0 |
The error is likely to caused by double semicolons in Temporary (but not quite good) solution: add |
This solution generates an error.
|
Getting same error. |
same error here :( |
i'm using hamerin's temporary solution like this.
|
same here. |
This issue is extremely annoying, to workaround it I created To use it:
|
¿Semantic UI piensa arreglar este error? |
This is caused by an extra semicolon that shouldn't be there, it's on the third line of the error output posted by the issue raiser:
Related issue: semantc-ui-css: issue #75 |
I had the same problem. What solved it for me was to downgrade react-scripts to version 4.0.3 |
Eso es una solución temporal, pero no final. |
I had the same problem and solved it by downgrading react-scripts to version 4.0.3, too!! |
Thanks @linckalessandro, thats worked for me too. |
got the same error too |
There are 2 semicolons ' ;; ' somewhere inside semantic.min.css in fomantic-ui-css folder, all you have to do is cntrl + f and search for ;; and remove 1 semicolon , save and compile. It will work👍. |
If you remove the dual ;; you will also need to delete the node_modules/.cache folder as well. It doesn't seem to pickup the change without doing that. |
Thank you |
Followed this and still not working. May be I did something wrong. Would you be able to write a step-by-step guide to doing this? Would really appreciate it. Thank you p.s. |
@yapalfredo
|
This issue still exists |
I followed this and got it to work. Although I had to clear the cache before it would work.. |
It work for me, awesome thanks |
This solved the issue! |
Maybe this is a dumb question, but why doesn't someone just remove the extra semi-colon from the source and update the version so we don't all need to jump through hoops installing patches? |
I also got that doubt.. |
Fix can be only released to NPM by @jlukic. The last SUI released happened in 2018. So, unfortunately.... Use patches or switch to Fomantic UI |
This work for me too |
This worked correctly for me, but why hasn't that error been fixed in the library itself? |
Thanks, works a charm! A few comments have suggested it didn't work or needing to delete node_modules\clear cache\reinstall\etc to get it to work. There's no need to do any of those - just run the postinstall script after installing it and adding the script in package.json; this will apply the patch without needing to reinstall modules:
|
Thank you!! This worked for me. I actually uninstalled and installed fomantic and the problem still persisted. Until I deleted the cache folder (stating this in case anyone has the same issue) Thanks again! |
This works for me with create react app, react 18.2.0 |
This worked for me as well, currently with these React and Semantic-UI-CSS versions: |
same here, some ppl ahve to be reminded that sometimes |
OMG so glad I found this...my react app would not compile and sure enough, in the min.css file there's a double ;; Downgrading react scripts also seems to do the trick but I fixed the glitch as they say. |
Related issues: Semantic-Org#7073 fomantic/Fomantic-UI-CSS#12 Semantic-Org/Semantic-UI-CSS#75 Semantic-Org/Semantic-UI-CSS#76 Semantic-Org/Semantic-UI-CSS#77 Semantic-Org/Semantic-UI-CSS#78 fomantic/Fomantic-UI-CSS#12 Semantic-Org/Semantic-UI-LESS#77 See also: https://www.npmjs.com/package/@semantic-ui-react/css-patch
I've merged the relevant PR, will update NPM this weekend. If anyone encounters any issues of this severity again feel free to reach me at jack@semantic-ui.com and I can look at them more promptly. |
Should be released now. |
Thanks, confirming v2.5.0 has resolved the issue for us. |
Could run |
This method still didn't work for me: #7073 (comment). Still getting this error: Error: Can't resolve 'themes/default/assets/images/flags.png' in '/Users/username/Documents/GitHub/githubfolder/node_modules/semantic-ui-css' |
Title (Put in field above)
Use the format: [Component] Component Should Do X
i.e. [Checkbox] onChange Should Fire When Update Triggered via DOM
Steps
1). Create proyect React to command
npx create-react-app myapp
2). Move to folder project
cd ./myapp
3). Install Semantic UI CSS
yarn add semantic-ui-css
4). Import semantic to myapp/src/index.js
import "semantic-ui-css/semantic.css";
5). Start project for comand
Actual Result ERROR
The text was updated successfully, but these errors were encountered: