Hi, I tried it but not working on it, I am getting error as :- Invalid options object. React refresh Plugin has been initialised using an options object that doesn't match API schema .
Options.overlay.module: the provided value "D:\\myreactapp\ ode_modules\ eact-dev-utils\ efreshOverlayInterop.js" contains exclamation mark(!) Which is not allowed because it's reserved for loader syntax. -i had checked this "refreshOverlayInterop.js "file it hasn't any ! Mark ..
@@Codingcherry bro thanks !!, i solved it bro, issue happened because ,I named one of my directory with ' ! ' Mark , so by that I got the issue, now I renamed it ,it was working fine ..
@@Codingcherry if our node modules were Installed in directory which we had renamed ,, we needed to edit the environment variable path also . Or we need set the environment for the edited directory
'react-scripts' is not recognized as an internal or external command, operable program or batch file. PS C:\Users\TOSHIBA\Documents\Resources\03 React Basics and working with components\004-creating a new react project\01-starting-setup>
I have created a new file Header.js .... created a function header.. exported it .... imported inside the app.js...... but unable to use it as a tag in app.js ... like how r we supposed to use it in react...
i switch from windows to linux because this problem and i am happy with linux but when i show this video i know that i can save my time and just solve the problem not change the os
no need of .env youre running that script in different directory look at your directory in cmd, first of all goto your project by cd my-app and then try to run it will work.
no not working i am running in the same folder where package.json is still not running even no error os their Err: (node:8588) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option. (Use `node --trace-deprecation ...` to show where the warning was created) (node:8588) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
unable to reach servers falling back to using the cached dependency map (bundle nativemodules.json) from the package expo installed in your your project Please solve this issue in expo cli
Its a permanent solution btw..when u manipulate the jason setting its should work for all react app. Try to follow it again or check the settings.jason file .if there any problem solve it..i mean check the problem tab bellow.. Though i will work on the same.. Thank you..
But now it showing following error 'react-scripts' is not recognized as an internal or external command, operable program or batch file. Please can you tell me where I'm missing something... I'll be very greatfull. Thanks
@@Codingcherry is there any way to run the server through vs code?now i have to open powershell all time.i tried in vs code after the trick you said but in vs code thats not working. please reply. btw thanks.
Always remember we must repent of our sins (sin is transgression The Law Of Yahuah The Father in Heaven. The Law are The Books: Genesis, Exodus, Leviticus, Numbers, & Deuteronomy). We must repent of our sins and Have Belief On Yahusha The Messiah. HE Died and Rose three days later so that we can be forgiven of our sins! Come to HIM🙂🙂🙂🙂🙂🙂🙂
![How to Run React JS App in VS Code [2024] Complete Guide | React in VS Code](http://i.ytimg.com/vi/aHIPoniDks0/mqdefault.jpg)
![How to Run React JS App in VS Code [2024] Complete Guide | React in VS Code](/img/tr.png)
if still not working please watch :- ruclips.net/video/aAPOmYZSRUA/видео.html
before npm start go to your app first, in powershell terminal
D:> react > cd my-app
D:> react > cd my-app > npm start
by the way thanku sir
Thanks for that!
Thanks bro 👍 meri 2 min bacha li tumne😂
Why can't all videos be this simple and to the point? Thanks bro,you are the man!!!!!
Thank you so much for your kind words ♥️
thank you but curious to know what exactly the "SKIP_PREFLIGHT_CHECK=true;" is doing?
thanku so much sir i was trying to fix this issue from one day ago and i will trying to quit the react journey.. but thanku so much for this video
Thanks dude
it works fine but before getting this error it took like 5 secs to open the tab now takes around 2 to 3 min, any way to fix it?
Hi, I tried it but not working on it, I am getting error as :-
Invalid options object. React refresh Plugin has been initialised using an options object that doesn't match API schema .
Options.overlay.module: the provided value "D:\\myreactapp\
ode_modules\
eact-dev-utils\
efreshOverlayInterop.js" contains exclamation mark(!) Which is not allowed because it's reserved for loader syntax.
-i had checked this "refreshOverlayInterop.js "file it hasn't any ! Mark ..
Ok i will work on it.
@@Codingcherry bro thanks !!, i solved it bro, issue happened because ,I named one of my directory with ' ! ' Mark , so by that I got the issue, now I renamed it ,it was working fine ..
@@Codingcherry if our node modules were Installed in directory which we had renamed ,, we needed to edit the environment variable path also . Or we need set the environment for the edited directory
I am getting "the development build is not optimized error.
A new error is shown - react was conflicted between package .json please help me
tnx. but why not working in vs code terminal?
no such file or directory
what should I do
'react-scripts' is not recognized as an internal or external command, operable program or batch file. PS C:\Users\TOSHIBA\Documents\Resources\03 React Basics and working with components\004-creating a new react project\01-starting-setup>
exactly,mera bhi ye error aaraha hai
when install bootstrap or others packages/library that time also not working. can you please help how to solve.
To create folder (.env) operation not permitted
i followed the steps but i got the same problem when i typed npm start !!
I have created a new file Header.js .... created a function header.. exported it .... imported inside the app.js...... but unable to use it as a tag in app.js ... like how r we supposed to use it in react...
The way I did..
i switch from windows to linux because this problem and i am happy with linux
but when i show this video i know that i can save my time and just solve the problem not change the os
This is working through powershell BUT if i write (npm start) in vs code then again error is coming. Tell me what i do ?
Watch the second part may be it can help 👍
If still not worked i will find out. A way
@@Codingcherry Thanks it is Working 👍🏻
@@dastejindersingh6811 Welcome
no need of .env
youre running that script in different directory look at your directory in cmd,
first of all goto your project by cd my-app and then try to run it will work.
no not working i am running in the same folder where package.json is still not running even no error os their
Err: (node:8588) [DEP_WEBPACK_DEV_SERVER_ON_AFTER_SETUP_MIDDLEWARE] DeprecationWarning: 'onAfterSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
(Use `node --trace-deprecation ...` to show where the warning was created)
(node:8588) [DEP_WEBPACK_DEV_SERVER_ON_BEFORE_SETUP_MIDDLEWARE] DeprecationWarning: 'onBeforeSetupMiddleware' option is deprecated. Please use the 'setupMiddlewares' option.
@@sagarverma6399 have you updated node ?
And could you tell me which command are you exactly using that causing this error
unable to reach servers falling back to using the cached dependency map (bundle nativemodules.json) from the package expo installed in your your project
Please solve this issue in expo cli
it's working but if we create another react app this error occurred again. can you give permanent solution of this error?
Its a permanent solution btw..when u manipulate the jason setting its should work for all react app.
Try to follow it again or check the settings.jason file .if there any problem solve it..i mean check the problem tab bellow..
Though i will work on the same..
Thank you..
@@Codingcherry thanks
Thank you very muchh. I fixed my problem.
You got me out of big trouble :)
Overwhelmed 💯
i have problem please help
C:\Users\acer>node --version
v20.10.0
C:\Users\acer>npm --version
node:internal/modules/cjs/loader:1147
throw err;
^
Error: Cannot find module 'C:\Program Files
odejs
ode_modules
pm\bin
ode_modules
pm\bin
pm-cli.js'
at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15)
at Module._load (node:internal/modules/cjs/loader:985:27)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:135:12)
at node:internal/main/run_main_module:28:49 {
code: 'MODULE_NOT_FOUND',
requireStack: []
}
Node.js v20.10.0
node:internal/modules/cjs/loader:1147
throw err;
^
Error: Cannot find module 'C:\Program Files
odejs
ode_modules
pm\bin
ode_modules
pm\bin
pm-cli.js'
at Module._resolveFilename (node:internal/modules/cjs/loader:1144:15)
at Module._load (node:internal/modules/cjs/loader:985:27)
at Function.executeUserEntryPoint [as runMain] (node:internal/modules/run_main:135:12)
at node:internal/main/run_main_module:28:49 {
code: 'MODULE_NOT_FOUND',
requireStack: []
}
Node.js v20.10.0
C:\Users\acer>
how did you write square before true
Thank you so much 😇this solution worked 👍🏻
Glad!😊
node_modules\postcss-safe-parser\lib\safe-parser.js:1:17) {
code: 'ERR_PACKAGE_PATH_NOT_EXPORTED' any solution for this error
Sure will investigate this and let u know the same...
@@Codingcherry thanks error fixed
Thankyou very much it resolved my issue
welcome:)
It shows missing script start and error message . please help me to solve it
Dm me
Awesome video bro
Bro you can do it by typing cd my-app in terminal then enter and then type npm start
Yes it will work
Awesome thanks....
Thanks
Thank you, very helpful and ver easy solution
Thank you
thank you so much you saved my codding day
Pleasure ☺️
should we have to always open this like that
No this is a temporary basis I have shared an alternative solution to this please check the same..
you are the best. thank you. Even though it was not my problem, you gave me an idea to solve it. Thanks a lot
Thank you.
But now it showing following error
'react-scripts' is not recognized as an internal or external command, operable program or batch file.
Please can you tell me where I'm missing something... I'll be very greatfull. Thanks
1- go to terminal
2- write cd and (your file name)
3- npm start
when i find this welcome file please help
bro isse to hogya but agr hme direct vs code k powershell me npm start likhna hai to error dera hai fir
Did you saved the settings
Very well done bro
Thank you😀
I tried this , but it's still giving me the same error.
Did the error solved for u
I am getting that error for angular
@@madhuraju3020 Yes it’s resolved now
@@kapoormohit17 can u share the process
@@madhuraju3020 ok sure
Give me some time.
Thanks...after suffering 3hour finally...❤️❤️❤️❤️
Thank you keep supporting
@@Codingcherry is there any way to run the server through vs code?now i have to open powershell all time.i tried in vs code after the trick you said but in vs code thats not working. please reply. btw thanks.
It should work.. though i will work on it
@@Codingcherry vs code ma npm start likhne sa kam nahi hota ye bol raha hu!
Yes i got it..
Thank you very much, you helped a lot, everything works)
👍♥️
thank you so much sir, Ur video helping much more begin to learners ..
Thank you
Thanks brother... You save my life..❤️
These words means a lot to me . Thank you n keep supporting.
It shows the exact same error in the powershell. Help
By which application you're recording this ? Screen recorder name plz !
i will create a particular video for it
@@Codingcherry sure waiting bro 😊
Thank you, man! You helped all of us successfully!
I'm glad it works♥️
what's the song's name?
bro it says cannot find the path because it does not exist pls make another vid about it
Bro i have already made a second vdo on it... please read all below comment from others may b it can help
Wow ! Awesome!! It trully worked and I'm not a bot lol.
thanks bro. u saved the tym
Thank you
Mine is saying npm isnt recognised as the name of cmdlet
1- go to terminal
2- write cd and (your file name)
3- npm start
crbug/1173575, non-JS module files deprecated.
How to solve this issue?
i have been struggling with this for 2 days. can anyone pls help me out?
Its appears before creating the react app or when u start your app
@@Codingcherry it appears when i debug the code
@@Codingcherry pls help me sir
@@Codingcherry can u pls help me?
@@naansamara5571 you dont have to debug the code just run your code using npm start. it will run your react application on local server.
It’s Perfect! Thank you!
Glad to be of service 😊
not working for me bro
helpfull thank you sir
Great very helpful tutorial
Thanksgiving 🤩
Thank You So Much. Helpful and to the point solution.
where I find my react-app-folder? please i need help (minute 1.11)
The folder Where u have saved yr file..
Thank you bro it helped a lot
Thank u sir it's really work
🙂✌
merko yaha bhi same error dera h bhai
Thank you. It's really work for me.
Thank you🤘
ACTUALLY WORKED WHAT A LEGEND
it is not clear to see
Sorry for that but its uploded in 1080p could.you please check your resolution setting ...may be then it's work
Bro any permanent solution?
This is permanent bro
Thank you😊
thank you thank youuuuuuuuuuuuuuuuuuuuuuuuu vvery veryveyrvery much
🤗🤗
Always remember we must repent of our sins (sin is transgression The Law Of Yahuah The Father in Heaven. The Law are The Books: Genesis, Exodus, Leviticus, Numbers, & Deuteronomy). We must repent of our sins and Have Belief On Yahusha The Messiah. HE Died and Rose three days later so that we can be forgiven of our sins!
Come to HIM🙂🙂🙂🙂🙂🙂🙂
thank you for your help.. it work for me..
Helpful.....it really worked 👍
Thanks buddy 🎉🎉🎉😊👍
thanks you so much bro
Thanks a lot for your help
are you from IIT ?
Nope
@@Codingcherry then how you know so much about development ?
Are you doing bca
Thank you very much
Its Working now
Sir you are great
just THANK YOU
good bro
Thx bro it worked ✌️✌️✌️✌️✌️✌️
thank you so much
👍THANKS BRO
Tq it's open
thank you brother
😊😊
love yu bro
thank you my friend
thanks!
Glad to be of service 😊
Thanks man
Alright Cheers!!
Thank you so much ❤
Your welcome ♥️
gracias te mereces el cielo :3
thanks a lot :D
Thanks
Thanks bro
Welcome
It Works thanks u so much
Thnx bro please subscribe...
Thanks bro👍🏻
subscribe n keep supporting
thank you so much king
Any time
OBRIGADO CARINHAAAAAAAAAAAAA ❤❤ br
hello bro mai apko direct kese contact karu?
Mera react npm start problem solve nehi hua plz reply 🙏
Dm me on insta
@@Codingcherry bhai insta pe message kya reply karo plz 🙏🙏🙏
@@spradhan5316 go to about section u will find a link there
SKIP_PREFLIGHT_CHECK =true;
SKIP_PRIFLIGHT_CHECK =true;
It really works 🥹🥹🥹thankewwww
Glad it worked 😃