How to run eject in my react app?

user_7854319 0
Viewed 13314

I want to eject my react app,so I use code:npm run eject in cmmand line.But it told me I failed.And these are all logs:

Remove untracked files, stash or commit any changes, and try again.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! todoevents@0.1.0 eject: `react-scripts eject`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the todoevents@0.1.0 eject script.
npm ERR! This is probably not a problem with npm. There is likely additional 
logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Pigpigever\AppData\Roaming\npm-cache\_logs\2017-08-
14T09_03_14_398Z-debug.log

Can anyone tell me how to do ?

reactjs node.js
8 Answers
  • In the base directory do:
git init
  • go inside the react folder ,then do 
git add .
  • then commit it
git commit -m "some msg"
  • then
yarn eject

or 

npm run eject
user_110180870

When you use 'create-react-app', it prevents you from ejecting your app without first having committed any outstanding changes to Git. That is the sole reason for the error. Go to your github account create a repository, clone it to your base system . then use 'npm-run-eject'. Mine worked with this. I hope your problem gets resolved too :)

HAPPY_CODING

user_46531260

Please commit all the changes you have done and then retry to eject using the command - 'npm run eject'

user_83619980

I had the same issue. I did the following to fix it.

rm -rf .gitignore
rm -rf .git

finally

npm run eject

Ejected successfully! :)

user_93486370

You have to follow these steps:

  1. git add .

  2. You must have to commit before install eject: git commit -m "save before ejecting"

  3. run eject: if you use yarn, you should type this on your terminal: yarn eject or npm run eject

  4. one config folder will be added to your project, and inside this folder, you will find one file called "webpack.config.js". searching "css-loader" or type (Ctrl+f) for searching specific words. you will find below code in this file. 

    {
   loader: require.resolve('css-loader'),
   options: cssOptions,      
}

change it by:

{
   loader: require.resolve('css-loader'),
   options: {
      modules: {
        mode: "local",
        localIdentName: "[name]_[local]_[hash:base64:5]"
      },
      import: true,
      importLoaders: true
    }     
}
  1. the most important part is now you must restart your code editor, sometimes it can be 4/5 times.

The above steps worked for me. Hopefully, it will also work for you.

Enjoy

user_56566280

m ERR! code ENOENT

npm ERR! syscall open

npm ERR! path /home/red/Desktop/react-course/package.json

npm ERR! errno -2

npm ERR! enoent ENOENT: no such file or directory, open '/home/red/Desktop/react-course/package.json'

npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent

If someone facing this issue then just do this:-

cd your project name (for e.g react-assignment)

npm run eject

user_155379320
Related