Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Why is npm start (after create-react-app) failing to run?

After I create a sample react app using create-react-app, npm start fails.

I have tried this using node 11.4 and 10.4 (npm 6.4.1)

npm install create-react-app -g
create-react-app t2
cd t2
npm start

Expected

To be able to start simple react server to hit in browser at localhost:3000

Actual

Server did not start, got this in my terminal:

$ npm start

> [email protected] start /Users/samr/dev/githubs/react/t2
> react-scripts start

/Users/samr/dev/githubs/react/t2/node_modules/ajv/lib/keyword.js:65
      throw new Error('custom keyword definition is invalid: '  + this.errorsText(validateDefinition.errors));
      ^

Error: custom keyword definition is invalid: data.errors should be boolean
    at Ajv.addKeyword (/Users/samr/dev/githubs/react/t2/node_modules/ajv/lib/keyword.js:65:13)
    at module.exports (/Users/samr/dev/githubs/react/t2/node_modules/ajv-errors/index.js:10:7)
    at Object.<anonymous> (/Users/samr/dev/githubs/react/t2/node_modules/schema-utils/src/validateOptions.js:22:1)
    at Module._compile (internal/modules/cjs/loader.js:723:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:734:10)
    at Module.load (internal/modules/cjs/loader.js:620:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:560:12)
    at Function.Module._load (internal/modules/cjs/loader.js:552:3)
    at Module.require (internal/modules/cjs/loader.js:659:17)
    at require (internal/modules/cjs/helpers.js:22:18)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: `react-scripts start`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the [email protected] start 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!     /Users/samr/.npm/_logs/2019-02-09T23_19_40_848Z-debug.log
like image 763
javazen Avatar asked Feb 09 '19 23:02

javazen


People also ask

Why is my npm start not working?

Check the ignore-script config If you see the start script is present inside your package. json file but still can't run the script, you need to check the console output. If there's no output at all, then you may have the ignore-scripts npm configuration set to true .

Why is npm start giving error?

If you try to run the command from a different directory, it won't find your package. json file and the Missing script: "start" npm error is caused. If you don't have a package. json file, create one by opening your terminal in your project's root directory and running the command npm init -y .

Can I use npm With create react app?

Prerequisites. In order to create React application, you will need to have a Node that is >= 14.0. 0 and npm >= 5.6. As we discussed earlier npm is a package manager that comes with Node.

How do I resolve npm in react?

i had this issue. The simple solution is to add latest versions of typescript, react-scripts libs. and then run npm install. it works for me.


2 Answers

As @atsnam has said, you can find the resolution here https://github.com/webpack/webpack/issues/8768.

If you use yarn

add below to package.json

"resolutions": {
  "ajv": "6.8.1"
}

then run yarn install

if you use npm

npm uninstall ajv
npm install [email protected]

That worked for me

like image 148
aquilesb Avatar answered Oct 16 '22 15:10

aquilesb


Quick fix is mentioned here :

  • GITHUB - webpack/issues/8768

Essentially go to node_modules/ajv/lib/keyword.js and comment out lines 64 and 65.

like image 20
atsnam Avatar answered Oct 16 '22 14:10

atsnam