Not Working [import 'semantic-ui-css/semantic.css';] in index.tsx

[teengineer]

Hello, thanks for this content.
I'm listening to your Udemy course but Chapter 3 > 29 - I'm getting an error in Semantic UI React
Can you help me?

Question:
The following line added to index.tsx is not working
import 'semantic-ui-css/semantic.css';

[Amir9359]

hi
i done this steps and it`s just worked i hope it works for you:

1 make init.sh

CHECK_OS="uname -s"
if [[ "$CHECK_OS" = "Darwin" ]]; then
sed -i '' 's/;;/;/g' node_modules/semantic-ui-css/semantic.min.css
sed -i '' 's/;;/;/g' node_modules/semantic-ui-css/semantic.css
else
sed -i 's/;;/;/g' node_modules/semantic-ui-css/semantic.min.css
sed -i 's/;;/;/g' node_modules/semantic-ui-css/semantic.css
fi

2 modify package.json scripts

"start": "./init.sh && react-scripts start",
"build": "./init.sh && GENERATE_SOURCEMAP=false react-scripts build",

Install :
yarn add --dev @semantic-ui-react/css-patch

or

npm install --dev @semantic-ui-react/css-patch

Add it as a postinstall script to your package.json:

{
"scripts": {
"postinstall": "semantic-ui-css-patch"
}
}

[teengineer]

hi @Amir9359 ,
thanks for your feedback,

i am trying your code but I guess I'm missing something, I will be happy if you help me.

my package.json file

"scripts": {
"postinstall": "semantic-ui-css-patch",
"start": "./init.sh && react-scripts start",
"build": "./init.sh && GENERATE_SOURCEMAP=false react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject"
},

and my init.sh file

CHECK_OS="uname -s"
if [[ "$CHECK_OS" = "Darwin" ]]; then
sed -i '' 's/;;/;/g' node_modules/semantic-ui-css/semantic.min.css
sed -i '' 's/;;/;/g' node_modules/semantic-ui-css/semantic.css
else
sed -i 's/;;/;/g' node_modules/semantic-ui-css/semantic.min.css
sed -i 's/;;/;/g' node_modules/semantic-ui-css/semantic.css
fi

[hodhod212]

Your client-app is not visible in github On Tuesday, April 19, 2022, 01:26:30 PM GMT+2, firdevsilgaz ***@***.***> wrote: hi @Amir9359 , thanks for your feedback, i am trying your code but I guess I'm missing something, I will be happy if you help me. my package.json file "scripts": { "postinstall": "semantic-ui-css-patch", "start": "./init.sh && react-scripts start", "build": "./init.sh && GENERATE_SOURCEMAP=false react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, and my init.sh file CHECK_OS="uname -s" if [[ "$CHECK_OS" = "Darwin" ]]; then sed -i '' 's/;;/;/g' node_modules/semantic-ui-css/semantic.min.css sed -i '' 's/;;/;/g' node_modules/semantic-ui-css/semantic.css else sed -i 's/;;/;/g' node_modules/semantic-ui-css/semantic.min.css sed -i 's/;;/;/g' node_modules/semantic-ui-css/semantic.css fi — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[teengineer]

i dont understand,are you explain?

…

---------------------------------------- From: "Ali Ezadkhaha" ***@***.***> Sent: 4/19/22 2:29 PM To: TryCatchLearn/Reactivities ***@***.***> Cc: firdevsilgaz ***@***.***>, Author ***@***.***> Subject: Re: [TryCatchLearn/Reactivities] Not Working [import 'semantic-ui-css/semantic.css';] in index.tsx (Issue #5) Your client-app is not visible in github On Tuesday, April 19, 2022, 01:26:30 PM GMT+2, firdevsilgaz ***@***.***> wrote: hi @Amir9359 , thanks for your feedback, i am trying your code but I guess I'm missing something, I will be happy if you help me. my package.json file "scripts": { "postinstall": "semantic-ui-css-patch", "start": "./init.sh && react-scripts start", "build": "./init.sh && GENERATE_SOURCEMAP=false react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, and my init.sh file CHECK_OS="uname -s" if [[ "$CHECK_OS" = "Darwin" ]]; then sed -i '' 's/;;/;/g' node_modules/semantic-ui-css/semantic.min.css sed -i '' 's/;;/;/g' node_modules/semantic-ui-css/semantic.css else sed -i 's/;;/;/g' node_modules/semantic-ui-css/semantic.min.css sed -i 's/;;/;/g' node_modules/semantic-ui-css/semantic.css fi — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you are subscribed to this thread.Message ID: ***@***.***> — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.

[hodhod212]

Go to your github account Reactivity, click to your client-app, there is nothing it the map, because you did not push your client-app in github, so I can't look at your look in your client-app to se what is the wrong On Tuesday, April 19, 2022, 01:33:53 PM GMT+2, firdevsilgaz ***@***.***> wrote: i dont understand,are you explain?

…

---------------------------------------- From: "Ali Ezadkhaha" ***@***.***> Sent: 4/19/22 2:29 PM To: TryCatchLearn/Reactivities ***@***.***> Cc: firdevsilgaz ***@***.***>, Author ***@***.***> Subject: Re: [TryCatchLearn/Reactivities] Not Working [import 'semantic-ui-css/semantic.css';] in index.tsx (Issue #5) Your client-app is not visible in github On Tuesday, April 19, 2022, 01:26:30 PM GMT+2, firdevsilgaz ***@***.***> wrote: hi @Amir9359 , thanks for your feedback, i am trying your code but I guess I'm missing something, I will be happy if you help me. my package.json file "scripts": { "postinstall": "semantic-ui-css-patch", "start": "./init.sh && react-scripts start", "build": "./init.sh && GENERATE_SOURCEMAP=false react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, and my init.sh file CHECK_OS="uname -s" if [[ "$CHECK_OS" = "Darwin" ]]; then sed -i '' 's/;;/;/g' node_modules/semantic-ui-css/semantic.min.css sed -i '' 's/;;/;/g' node_modules/semantic-ui-css/semantic.css else sed -i 's/;;/;/g' node_modules/semantic-ui-css/semantic.min.css sed -i 's/;;/;/g' node_modules/semantic-ui-css/semantic.css fi — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you are subscribed to this thread.Message ID: ***@***.***> — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread. — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you commented.Message ID: ***@***.***>

[teengineer]

I understand, sorry, I will open my github account immediately.

[teengineer]

Hi @hodhod212 ,
I opened my Reactivities app on Github

[hodhod212]

You have to download  ***@***.***/semantic-ui": "^2.2.7" in your client-app On Wednesday, April 13, 2022, 04:16:33 PM GMT+2, firdevsilgaz ***@***.***> wrote: Hello, thanks for this content. I'm listening to your Udemy course but Chapter 3 > 29 - I'm getting an error in Semantic UI React Can you help me? Question: The following line added to index.tsx is not working import 'semantic-ui-css/semantic.css'; — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>