folder structure not created properly #3424

TheFriedguy · 2017-11-07T16:13:42Z

Is this a bug report?

Yes

Which version of npm are you running? You can find out by checking:

npm -v 4.1.2
node -v 8.9.0

/* I have done the below numerous times. I have reinstalled, rebooted, updated, downgraded */
npm install -g npm@4
cd your_project_directory
rm -rf node_modules
npm cache clear
npm install

Then try to reproduce the issue again.
Can you still reproduce it?

Yes

Note: Please try this even if you are using Yarn so that we know whether it's a Yarn-only bug.
-->

I have tried with npm and yarn. The directories are not created properly either way.

Which terms did you search for in User Guide?

I have searched everywhere. Stack Overflow, Google, Git Repo, etc. It just isn't working.

-I used the installation instructions provided at: https://reactjs.org/docs/installation.html

-I am basing my expected folder structure on an image at: https://github.com/facebookincubator/create-react-app/blob/master/packages/react-scripts/template/README.md

per above, I expect a folder structure such as:
my-app/
README.md
node_modules/
package.json
public/
index.html
favicon.ico
src/
App.css
App.js
App.test.js
index.css
index.js
logo.svg

What I actually have:
myapp/
etc/
node_modules
npm-debug
package.json
react-scripts

Environment

node -v: v8.9.0
npm -v: 4.1.2
yarn --version (if you use Yarn): 'yarn' is not recognized as an internal or external command,
operable program or batch file.
npm ls react-scripts (if you haven’t ejected): [email protected] C:\Users\afriedman\reactstuff\myapp
`-- [email protected] extraneous

npm ERR! extraneous: [email protected] C:\Users\afriedman\reactstuff\myapp\node_modules\react-scripts

Then, specify:

Operating system: Windows 10
Browser and version (if relevant): Not relevant, much earlier in the process than this.

Steps to Reproduce

(Write your steps here:)

Add->Remove Programs - Node.js -> Uninstall
Visit https://nodejs.org/en/download/, download the 32-bit (or 64-bit, but 32 has usually fewer errors, so I'm going with it) msi. Install.
Open as administrator -> Node.js command prompt
npm install -g create-react-app (from https://reactjs.org/docs/installation.html)
create-react-app my-app (from https://reactjs.org/docs/installation.html)
cd my-app (from https://reactjs.org/docs/installation.html)
npm start (from https://reactjs.org/docs/installation.html)

Expected Behavior

I would expect it to create a public folder, an src folder, populate an index.html and index.js, css (etc etc etc) in the proper locations, and give a message similar to "Server is started on port 3000" I should then be able to browse there and see some sort of html page (even if blank).

Actual Behavior

C:\Users\afriedman\reactstuff>create-react-app my-app

Creating a new React app in C:\Users\afriedman\reactstuff\my-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...

C:\Users\afriedman\reactstuff\my-app\react-scripts -> C:\Users\afriedman\reactstuff\my-app\node_modules\react-scripts\bin\react-scripts.js

[email protected] postinstall C:\Users\afriedman\reactstuff\my-app\node_modules\react-scripts\node_modules\uglifyjs-webpack-plugin
node lib/post_install.js

Missing dependencies in package.json

C:\Users\afriedman\reactstuff>cd my-app

C:\Users\afriedman\reactstuff\my-app>dir
Volume in drive C has no label.
Volume Serial Number is 12C5-B83E

Directory of C:\Users\afriedman\reactstuff\my-app

11/07/2017 10:05 AM

.
11/07/2017 10:05 AM ..
11/07/2017 10:04 AM etc
11/07/2017 10:06 AM node_modules
11/07/2017 10:04 AM 63 package.json
11/07/2017 10:05 AM 359 react-scripts
11/07/2017 10:05 AM 236 react-scripts.cmd
3 File(s) 658 bytes
4 Dir(s) 301,562,933,248 bytes free

C:\Users\afriedman\reactstuff\my-app>

C:\Users\afriedman\reactstuff\my-app>npm start
npm ERR! Windows_NT 10.0.10586
npm ERR! argv "C:\Program Files (x86)\nodejs\node.exe" "C:\Users\afriedman\AppData\Roaming\npm\node_modules\npm\bin\npm-cli.js" "start"
npm ERR! node v8.9.0
npm ERR! npm v4.1.2

npm ERR! missing script: start
npm ERR!
npm ERR! If you need help, you may report this error at:
npm ERR! https://github.com/npm/npm/issues

npm ERR! Please include the following file with any support request:
npm ERR! C:\Users\afriedman\reactstuff\my-app\npm-debug.log

C:\Users\afriedman\reactstuff\my-app>

Ok, so I have a missing dependency. So, I go to: #843...
and I see that I need a "scripts" entry in my package.json - it is not there. So I go ahead and put it.

package.json now looks like:
{
"name": "my-app",
"version": "0.1.0",
"private": true,
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
}
}

...
Try again:
Could not find a required file.
Name: index.html
Searched in: C:\Users\afriedman\reactstuff\my-app\public

The problem of course being there is no public folder. I checked in root/etc, root/node_modules/react, root/node_modules/react-dom, and root/node_modules/react-scripts. There is no public folder.

I am running as administrator. I'm not sure what I'm doing wrong.

The text was updated successfully, but these errors were encountered:

porkopek · 2017-11-22T22:49:41Z

Did you try to upgrade npm? The last version is 5.3.0

Timer · 2017-12-08T16:30:01Z

Something looks severely off with your npm install. Please file an issue with them, this is out of our control! Sorry.

TheFriedguy · 2017-12-08T16:37:50Z

It fixed itself a week or 2 ago. My guess is either yall, or mom, fixed it and released a new version. It's fine now. Get Outlook for Android<https://aka.ms/ghei36>

…

________________________________ From: Joe Haddad <[email protected]> Sent: Friday, December 8, 2017 10:30:28 AM To: facebookincubator/create-react-app Cc: TheFriedguy; Author Subject: Re: [facebookincubator/create-react-app] folder structure not created properly (#3424) Closed #3424<#3424>. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub<#3424 (comment)>, or mute the thread<https://github.com/notifications/unsubscribe-auth/Af6Nn3lzeqJO7Osk-Sl9Ndlf35eWByL3ks5s-WQkgaJpZM4QVC7O>.

justkylekitasol · 2018-11-26T17:46:58Z

whats yall and mom?

Timer closed this as completed Dec 8, 2017

lock bot locked and limited conversation to collaborators Jan 9, 2019

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

folder structure not created properly #3424

folder structure not created properly #3424

TheFriedguy commented Nov 7, 2017

porkopek commented Nov 22, 2017

Timer commented Dec 8, 2017

TheFriedguy commented Dec 8, 2017 via email

justkylekitasol commented Nov 26, 2018

folder structure not created properly #3424

folder structure not created properly #3424

Comments

TheFriedguy commented Nov 7, 2017

Is this a bug report?

Which terms did you search for in User Guide?

Environment

Steps to Reproduce

Expected Behavior

Actual Behavior

porkopek commented Nov 22, 2017

Timer commented Dec 8, 2017

TheFriedguy commented Dec 8, 2017 via email

justkylekitasol commented Nov 26, 2018