Please verify that the package.json has a valid "main" entry

Question

Installed bootstrap via npm on my react project Importing bootstrap import 'bootstrap/dist/css/bootstrap.min.css';

but it outputs an error: Cannot find module 'D:\project\my-app\node_modules\schema-utils\src\index.js'. Please verify that the package.json has a valid "main" entry

Module

Answer 1

Try deleting package-lock.json and run npm install

Verify that in your package.json file there is an entry for main, usually something like "main": "dist/cjs"

Sumter

and if no main present, how to create a proper one? – Fume

Answer 2

I had to delete both my package-lock.json and node_modules, then run npm i. (this was in my react app)

Councillor

Answer 3

Try to use "npm update --force" which resolves my issue

Piscatorial

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center. – Decrescendo

Answer 4

If you're using yarn try deleting yarn.lock and run yarn again.

Licht

Answer 5

This happened to me on our Jenkins server. The solution was to run the job once with yarn cache clean. After the job completed we removed that line and everything was happy again.

Shabbygenteel

Answer 6

Running npm ci may be a faster solution.

Zoarah

Answer 7

I went for another approach. As deleting package-lock.json & running npm install didn't work for me, I deleted my project and created another one with npx create-react-app my-react-activities.

Once the project was created, I cd into it and ran npm start.

I can't tell you why it worked, but it runs well. If anyone has an explanation for it, I would gladly read it.

Bouie