question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Getting Error: Cannot find module '@csstools/normalize.css' after upgrade

See original GitHub issue

Is this a bug report?

yes

Did you try recovering your dependencies?

yes

>npm --version
6.9.0

Which terms did you search for in User Guide?

Environment

C:\code\Fintech PriceSource\npm-major-version-upgrade-2\PriceSou
rce\PriceSource.UI>npx create-react-app --info
npx: installed 91 in 22.171s

Environment Info:

  System:
    OS: Windows 10
    CPU: (2) x64 Intel(R) Core(TM) i7-7567U CPU @ 3.50GHz
  Binaries:
    Node: 12.4.0 - C:\Program Files\nodejs\node.EXE
    Yarn: Not Found
    npm: 6.9.0 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: 42.17134.1.0
    Internet Explorer: 11.0.17134.1
  npmPackages:
    react: ^16.8.6 => 16.8.6 (15.6.2)
    react-dom: ^16.8.6 => 16.8.6
    react-scripts: Not Found
  npmGlobalPackages:
    create-react-app: Not Found

Steps to Reproduce

(Write your steps here:)

  1. install older version of create-react-app
  2. eject
  3. manually update to newer version of create-react-app
  4. update all your package.json dependencies
  5. manually add the newer dependencies only found in the new create-react-app package.json file
  6. delete node_modules
  7. delete package-lock.json
  8. npm update npm@latest
  9. update node via windows nvm
  10. npm install
  11. npm start

Expected Behavior

app to start

Actual Behavior

Get this error

C:\code\Fintech PriceSource\npm-major-version-upgrade-2\PriceSou
rce\PriceSource.UI>npm start

> vice-boiler-plate@0.1.0 start C:\code\Fintech PriceSource\npm-
major-version-upgrade-2\PriceSource\PriceSource.UI
> concurrently --kill-others "npm run start-script" "npm run pre
ttier-watch"

[1]
[1] > vice-boiler-plate@0.1.0 prettier-watch C:\code\Fintech Pri
ceSource\npm-major-version-upgrade-2\PriceSource\PriceSource.UI
[1] > onchange "src/**/*.js" -- ./node_modules/.bin/prettier --w
rite {{changed}}
[1]
[0]
[0] > vice-boiler-plate@0.1.0 start-script C:\code\Fintech Price
Source\npm-major-version-upgrade-2\PriceSource\PriceSource.UI
[0] > node scripts/start.js
[0]
[0] internal/modules/cjs/loader.js:626
[0]     throw err;
    ^
[0]
[0] Error: Cannot find module '@csstools/normalize.css'
[0] Require stack:
[0] - /C:/code/Fintech%20PriceSource/npm-major-version-upgrade-2
/PriceSource/PriceSource.UI/node_modules/postcss-normalize/index
.cjs.js
[0]     at Function.Module._resolveFilename (internal/modules/cj
s/loader.js:623:15)
[0]     at resolve (C:\code\Fintech PriceSource\npm-major-versio
n-upgrade-2\PriceSource\PriceSource.UI\node_modules\postcss-norm
alize\index.cjs.js:45:46)
[0]     at Object.<anonymous> (C:\code\Fintech PriceSource\npm-m
ajor-version-upgrade-2\PriceSource\PriceSource.UI\node_modules\p
ostcss-normalize\index.cjs.js:17:22)
[0]     at Module._compile (internal/modules/cjs/loader.js:774:3
0)
[0]     at Object.Module._extensions..js (internal/modules/cjs/l
oader.js:785:10)
[0]     at Module.load (internal/modules/cjs/loader.js:641:32)
[0]     at Function.Module._load (internal/modules/cjs/loader.js
:556:12)
[0]     at Module.require (internal/modules/cjs/loader.js:681:19
)
[0]     at require (internal/modules/cjs/helpers.js:16:16)
[0]     at Object.<anonymous> (C:\code\Fintech PriceSource\npm-m
ajor-version-upgrade-2\PriceSource\PriceSource.UI\config\webpack
.config.js:29:26)
[0]     at Module._compile (internal/modules/cjs/loader.js:774:3
0)
[0]     at Object.Module._extensions..js (internal/modules/cjs/l
oader.js:785:10)
[0]     at Module.load (internal/modules/cjs/loader.js:641:32)
[0]     at Function.Module._load (internal/modules/cjs/loader.js
:556:12)
[0]     at Module.require (internal/modules/cjs/loader.js:681:19
)
[0]     at require (internal/modules/cjs/helpers.js:16:16) {
[0]   code: 'MODULE_NOT_FOUND',
[0]   requireStack: [
[0]     '/C:/code/Fintech%20PriceSource/npm-major-version-upgrad
e-2/PriceSource/PriceSource.UI/node_modules/postcss-normalize/in
dex.cjs.js'
[0]   ]
[0] }
[0] npm ERR! code ELIFECYCLE
[0] npm ERR! errno 1
[0] npm ERR! vice-boiler-plate@0.1.0 start-script: `node scripts
/start.js`
npm ERR! Exit status 1
[0] npm ERR!
[0] npm ERR! Failed at the vice-boiler-plate@0.1.0 start-script
script.
[0] npm ERR! This is probably not a problem with npm. There is l
ikely additional logging output above.
[0]
[0] npm ERR! A complete log of this run can be found in:
[0] npm ERR!     C:\Users\ryan.vice\AppData\Roaming\npm-cache\_l
ogs\2019-06-07T17_55_05_893Z-debug.log
[0] npm run start-script exited with code 1
--> Sending SIGTERM to other processes..
[1] npm run prettier-watch exited with code 1
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vice-boiler-plate@0.1.0 start: `concurrently --kill-oth
ers "npm run start-script" "npm run prettier-watch"`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vice-boiler-plate@0.1.0 start script.
npm ERR! This is probably not a problem with npm. There is likel
y additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\ryan.vice\AppData\Roaming\npm-cache\_logs\
2019-06-07T17_55_06_173Z-debug.log

Things I’ve tried

  1. Removing node_modules, npm cache clean, npm install
  2. Update npm, update node and repeating step 1

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:15

github_iconTop GitHub Comments

4reactions
bugzpoddercommented, Jun 10, 2019

removing node_modules, npm cache clean

4reactions
jsculcommented, Jun 7, 2019

Bump. This dependency error keeps popping up for me… last time it happened was like 4 months ago. Just happened again. Really frustrating problem, please fix.

EDIT: I fixed this by upgrading to the latest version of npm. sudo npm install -g npm@latest npm install reboot

Read more comments on GitHub >

github_iconTop Results From Across the Web

Reactjs - Demo Application is not working - Stack Overflow
json is pointing to the older packages. To fix, uninstall an install the package again. Uninstall package $ sudo npm remove csstools/normalize.
Read more >
Loading PostCSS Plugin failed: Cannot find module 'tailwindcss'
To Solve Loading PostCSS “postcss-preset-env” plugin failed: Cannot find module 'node:vm' Error, First of all, Delete Your node_modules folder from your Project ...
Read more >
CSS - Parcel
To use CSS modules, create a file with the .module.css extension, and import it from a JavaScript file with a namespace import. Then,...
Read more >
Features | Vite
Vite will detect such bare module imports in all served source files and perform ... Note that CSS minification will run after PostCSS...
Read more >
cannot find module [Node npm Error Solved] - freeCodeCamp
To fix the error, you need to install the package that is absent in your project directory – npm install package-name or yarn...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found