create-react-app: Getting Error: Cannot find module '@csstools/normalize.css' after upgrade
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:)
- 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
About this issue
- Original URL
- State: closed
- Created 5 years ago
- Comments: 15
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
I had the same issue today (on W8.1), solved it with:
The issue appears to have to do with react-scripts being installed globally, and looking for packages globally which are installed locally. If you globally install @csstools/normalize, then it will fix the issue (although I had other errors in this case).
I ended up installing react-scripts locally, and running it via node (node node_modules/react-scripts/bin/react-scripts.js build) and this worked fine.