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
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...
'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 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
@@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.
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
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.
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](/img/n.gif)
if still not working please watch :- ua-cam.com/video/aAPOmYZSRUA/v-deo.html
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 ♥️
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😂
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?
I am getting "the development build is not optimized error.
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
A new error is shown - react was conflicted between package .json please help me
when install bootstrap or others packages/library that time also not working. can you please help how to solve.
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..
To create folder (.env) operation not permitted
no such file or directory
what should I do
Thank you, very helpful and ver easy solution
Thank you
'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
Thank you so much 😇this solution worked 👍🏻
Glad!😊
tnx. but why not working in vs code terminal?
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.
thank you so much you saved my codding day
Pleasure ☺️
Thank you very muchh. I fixed my problem.
You got me out of big trouble :)
Overwhelmed 💯
how did you write square before true
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
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
Thanks brother... You save my life..❤️
These words means a lot to me . Thank you n keep supporting.
i followed the steps but i got the same problem when i typed npm start !!
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..
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
It shows missing script start and error message . please help me to solve it
Dm me
Thankyou very much it resolved my issue
welcome:)
By which application you're recording this ? Screen recorder name plz !
i will create a particular video for it
@@Codingcherry sure waiting bro 😊
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
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>
what's the song's name?
thank you so much sir, Ur video helping much more begin to learners ..
Thank you
Thank you very much, you helped a lot, everything works)
👍♥️
when i find this welcome file please help
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
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.
Thank you, man! You helped all of us successfully!
I'm glad it works♥️
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
It’s Perfect! Thank you!
Glad to be of service 😊
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
Thank You So Much. Helpful and to the point solution.
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
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..
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
helpfull thank you sir
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
It shows the exact same error in the powershell. Help
Wow ! Awesome!! It trully worked and I'm not a bot lol.
Thanks buddy 🎉🎉🎉😊👍
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.
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
Thank you. It's really work for me.
Thank you🤘
thanks bro. u saved the tym
Thank you
Very well done bro
Thank you😀
Great very helpful tutorial
Thanksgiving 🤩
Thx bro it worked ✌️✌️✌️✌️✌️✌️
thank you thank youuuuuuuuuuuuuuuuuuuuuuuuu vvery veryveyrvery much
🤗🤗
Thank u sir it's really work
🙂✌
Thank you bro it helped a lot
are you from IIT ?
Nope
@@Codingcherry then how you know so much about development ?
Are you doing bca
merko yaha bhi same error dera h bhai
thank you for your help.. it work for me..
Thank you😊
Thanks a lot for your help
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🙂🙂🙂🙂🙂🙂🙂
not working for me bro
Helpful.....it really worked 👍
where I find my react-app-folder? please i need help (minute 1.11)
The folder Where u have saved yr file..
Thank you so much ❤
Your welcome ♥️
OBRIGADO CARINHAAAAAAAAAAAAA ❤❤ br
👍THANKS BRO
Thank you very much
Bro any permanent solution?
This is permanent bro
Thanks bro👍🏻
subscribe n keep supporting
thanks you so much bro
ACTUALLY WORKED WHAT A LEGEND
Its Working now
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
just THANK YOU
thank you so much
Sir you are great
thank you my friend
It Works thanks u so much
Thnx bro please subscribe...
gracias te mereces el cielo :3
thank you brother
😊😊
Tq it's open
good bro
Thank you..😊
Thanks
thanks!
Glad to be of service 😊
thank you so much king
Any time
Thanks man
Alright Cheers!!
thanks a lot :D
love yu bro
Thanks bro
Welcome
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;
It really works 🥹🥹🥹thankewwww
Glad it worked 😃
SKIP_PRIFLIGHT_CHECK =true;