# Setting Up Your React Dev Environment Easily

**URL:** <https://forum.kirupa.com/t/setting-up-your-react-dev-environment-easily/636429>\
**Category:** web dev\
**Created:** [April 13, 2017, 5:22pm UTC](https://forum.kirupa.com/t/setting-up-your-react-dev-environment-easily/636429 "2017-04-13T17:22:06Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ahilen](https://avatars.discourse-cdn.com/v4/letter/a/ecb155/32.png) [@Ahilen](https://forum.kirupa.com/u/Ahilen)\
**Post date:** [April 13, 2017, 5:22pm UTC](https://forum.kirupa.com/t/setting-up-your-react-dev-environment-easily/636429/1 "2017-04-13T17:22:06Z")

</div>

I’m getting an error when run this command “./node\_modules/.bin/webpack” in Node.js Command Prompt.

error : ‘.’ is not recognized as an internal or external command operable program or batch file .

OS: Windows 10.

Thanks

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [April 13, 2017, 6:01pm UTC](https://forum.kirupa.com/t/setting-up-your-react-dev-environment-easily/636429/2 "2017-04-13T18:01:33Z")

</div>

Try the following:

`node_modules\.bin\webpack`

Let me know if that works out for you 🙂

---

<div class="post-metadata">

**Author:** ![Ahilen](https://avatars.discourse-cdn.com/v4/letter/a/ecb155/32.png) [@Ahilen](https://forum.kirupa.com/u/Ahilen)\
**Post date:** [April 13, 2017, 6:17pm UTC](https://forum.kirupa.com/t/setting-up-your-react-dev-environment-easily/636429/3 "2017-04-13T18:17:05Z")

</div>

Thanks for the quick reply. I tried that too but didn’t work . Then I tried just webpack that works. i’m not sure why?

I’m using Visual Studio 2015 and the JSX inteligence are not working … any idea ?  
Thanks And Much appreciated your help …

well explained “React” setup tutorial .

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [April 13, 2017, 6:39pm UTC](https://forum.kirupa.com/t/setting-up-your-react-dev-environment-easily/636429/4 "2017-04-13T18:39:57Z")

</div>

That is interesting that **webpack** works but the longer command doesn’t. I’ll have to do some more experimenting to see where things are breaking 😛

VS2015 may not support JSX intellisense out of the box.The posted solution here may work: [http://stackoverflow.com/questions/34097915/visual-studio-2015-jsx-es2015-syntax-highlighting](http://stackoverflow.com/questions/34097915/visual-studio-2015-jsx-es2015-syntax-highlighting)

🙂

---

<div class="post-metadata">

**Author:** ![Ahilen](https://avatars.discourse-cdn.com/v4/letter/a/ecb155/32.png) [@Ahilen](https://forum.kirupa.com/u/Ahilen)\
**Post date:** [April 13, 2017, 7:28pm UTC](https://forum.kirupa.com/t/setting-up-your-react-dev-environment-easily/636429/5 "2017-04-13T19:28:32Z")

</div>

Thanks for your help

---

<div class="post-metadata">

**Author:** ![jeffroloff](https://avatars.discourse-cdn.com/v4/letter/j/7993a0/32.png) [@jeffroloff](https://forum.kirupa.com/u/jeffroloff)\
**Post date:** [March 26, 2018, 9:04pm UTC](https://forum.kirupa.com/t/setting-up-your-react-dev-environment-easily/636429/6 "2018-03-26T21:04:34Z")

</div>

Your React book is the best! Yours is the _only_ one that got me through the entire setup process. I think everything is correct, (and webpack runs fine), but when I open the html page, the page is empty. When I view source on the page it has all the HTML from the example, including the src="output/myCode.js javascript.

Any thoughts? Must be something simple, but I’ve triple checked everything and I’m stuck.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [March 27, 2018, 1:00am UTC](https://forum.kirupa.com/t/setting-up-your-react-dev-environment-easily/636429/7 "2018-03-27T01:00:50Z")

</div>

Are you using create-react-app? When you do a `npm start`, does the example work fine in the browser? 🙂

---

<div class="post-metadata">

**Author:** ![jeffroloff](https://avatars.discourse-cdn.com/v4/letter/j/7993a0/32.png) [@jeffroloff](https://forum.kirupa.com/u/jeffroloff)\
**Post date:** [March 27, 2018, 4:14am UTC](https://forum.kirupa.com/t/setting-up-your-react-dev-environment-easily/636429/8 "2018-03-27T04:14:57Z")

</div>

I didn’t use create-react-app (but followed the book’s step-by-step process of building it manually, which was quite informative). When I tried npm start in the MyTotallyAwesomeApp directory, I get an error: “missing script: start”. I didn’t see anything very interesting in the detailed error that was logged (but maybe I’m not seeing something obvious.

---

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [March 27, 2018, 5:20am UTC](https://forum.kirupa.com/t/setting-up-your-react-dev-environment-easily/636429/9 "2018-03-27T05:20:13Z")

</div>

Oh gotcha! The instructions in the book are really outdated at this point. The second edition due in about a month will fix that. In the meantime, here is the latest version of that chapter: [https://www.kirupa.com/react/setting\_up\_react\_environment.htm](https://www.kirupa.com/react/setting_up_react_environment.htm)

Sorry for the run-around. This is one of those areas that changed significantly since publication last year 🙂

---

<div class="post-metadata">

**Author:** ![jeffroloff](https://avatars.discourse-cdn.com/v4/letter/j/7993a0/32.png) [@jeffroloff](https://forum.kirupa.com/u/jeffroloff)\
**Post date:** [March 27, 2018, 8:50pm UTC](https://forum.kirupa.com/t/setting-up-your-react-dev-environment-easily/636429/10 "2018-03-27T20:50:48Z")

</div>

Thanks for the quick response! The new chapter you linked worked great!
