Run create-react-app from sub-folder

Question

I'm using create-react-app. I want to run my code from nested directory/sub-directory. My directory structure is as per the screenshot.

I'm using npm start command to run it localy.

I have update my package.json file like

"homepage": "/foobar/"

and my index file

ReactDOM.render(
    <Router basename={'foobar'}>
        <div id="wrapper">
            <RouteList />
        </div>
    </Router>,
    document.getElementById('root')
);

for the routing plugin - link I have included node_modules into both directory for the testing purpose.

but still I'm getting below error while trying to run npm start from the root directory.

Could not find a required file.
  Name: index.html
  Searched in: C:\git\AccountManager\public

It's working fine from the inner folder. Any idea on how to solve this?

Mμ. · Accepted Answer · 2017-07-03 13:19:28Z

3

You could change directory to foobar first run npm start. I would incorporate that in my npm start command so that it now looks like the following:

package.json

{
  ...
  "scripts" : {
    "start": "cd foobar && react-scripts start",
    ...
  } 
}

edited Jul 3, 2017 at 13:19

answered Jul 3, 2017 at 12:57

Mμ.

8,5723 gold badges28 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Dipen Dedania Over a year ago

Thanks. but I wanna run it from the parent directory.

Mμ. Over a year ago

Just to be clear the root directory is the folder AccountManager right? Which also contains your package.json?

Dipen Dedania Over a year ago

Correct. Package.json is only available in root.

Mμ. Over a year ago

So if you change the npm start in package.json to cd foobar && react-scripts start, when you run npm run start it should start the react app successfully.

Ursu Alexandr · Accepted Answer · 2018-04-01 21:24:19Z

1

So far I managed to make it work only if I move only index.html to public folder in the root, or by installing all React node-modules under src folder

answered Apr 1, 2018 at 21:24

Ursu Alexandr

3083 silver badges8 bronze badges

Collectives™ on Stack Overflow

Run create-react-app from sub-folder

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related