Getting Error: Cannot find module '@csstools/normalize.css' after upgrade
See original GitHub issueIs 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:)
- install older version of create-react-app
- eject
- manually update to newer version of create-react-app
- update all your package.json dependencies
- manually add the newer dependencies only found in the new create-react-app package.json file
- delete
node_modules
- delete
package-lock.json
npm update npm@latest
- update node via windows nvm
npm install
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
- Removing node_modules,
npm cache clean
,npm install
- Update npm, update node and repeating step 1
Issue Analytics
- State:
- Created 4 years ago
- Comments:15
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
removing node_modules, npm cache clean
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