TryCatchLearn / Reactivities-v6

313 stars 179 forks source link

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

Open teengineer opened 2 years ago

teengineer commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

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 commented 2 years ago

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

teengineer commented 2 years ago

Hi @hodhod212 , I opened my Reactivities app on Github

hodhod212 commented 2 years ago

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: @.***>