window 환경 npm intall 이슈
myBabyGrand opened this issue · comments
안녕하세요 줌코딩님
줌코딩님의 gatsby blog를 따라하다가 npm install에서 환경이 달라 그런지 설치가 제대로 되지 않은 듯 해 이렇게 질문 남깁니다.
우선 로컬 환경은 다음과 같습니다
- OS : Windows 10 Pro 21H2
- npm version : 6.14.12
- node version : 14.16.1
줌코딩님 블로그의 Gatsby 테마로 GitHub Blog 만들기 글을 보고
git import
git clone까지 로컬에 내려 받고
npm install
및 npm start
를 하니 아래와 같이 처리되네요
중간에 npm warning에서 fsevents 부분이 제대로 설치가 되지 않은 듯 한데
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
npm start
를 실행 했을때 @mui\styled-engine
등의 dependency와 관련이 있는지 모르겠습니다
바쁘시겠지만 확인해주시면 감사하겠습니다 :)
제 git repository입니다.
Microsoft Windows [Version 10.0.19044.1645]
(c) Microsoft Corporation. All rights reserved.
D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io>node -v
v14.16.1
D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io>npm install
npm WARN read-shrinkwrap This version of npm is compatible with lockfileVersion@1, but package-lock.json was generated for lockfileVersion@2. I'll try to do my best with it!
> @parcel/watcher@2.0.5 install D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\@parcel\watcher
> node-gyp-build
> msgpackr-extract@1.0.16 install D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\msgpackr-extract> node-gyp-build
> lmdb@2.2.5 install D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\lmdb
> node-gyp-build
> sharp@0.30.2 install D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\sharp
> (node install/libvips && node install/dll-copy && prebuild-install) || (node install/can-compile && node-gyp rebuild && node install/dll-copy)
sharp: Using cached C:\Users\mazino\AppData\Roaming\npm-cache\_libvips\libvips-8.12.2-win32-x64.tar.br
sharp: Integrity check passed for win32-x64
sharp: Creating D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\sharp\build\Release
sharp: Copying DLLs from D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\sharp\vendor\8.12.2\win32-x64\lib to D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\sharp\build\Release
> core-js@2.6.12 postinstall D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\babel-runtime\node_modules\core-js
> node -e "try{require('./postinstall')}catch(e){}"
Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!
The project needs your help! Please consider supporting of core-js on Open Collective or Patreon:
> https://opencollective.com/core-js
> https://www.patreon.com/zloirock
Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)
> core-js@3.21.1 postinstall D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\core-js
> node -e "try{require('./postinstall')}catch(e){}"
Thank you for using core-js ( https://github.com/zloirock/core-js ) for polyfilling JavaScript standard library!
The project needs your help! Please consider supporting of core-js:
> https://opencollective.com/core-js
> https://patreon.com/zloirock
> https://paypal.me/zloirock
> bitcoin: bc1qlea7544qtsmj2rayg0lthvza9fau63ux0fstcz
Also, the author of core-js ( https://github.com/zloirock ) is looking for a good job -)
> core-js-pure@3.19.1 postinstall D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\core-js-pure
> node -e "try{require('./postinstall')}catch(e){}"
> gatsby-telemetry@3.9.1 postinstall D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\gatsby-telemetry
> node src/postinstall.js || true
> gatsby-cli@4.9.1 postinstall D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\gatsby-cli
> node scripts/postinstall.js
> gatsby@4.9.3 postinstall D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\gatsby
> node scripts/postinstall.js
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.3.2 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.3.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
added 1983 packages from 1090 contributors and audited 1984 packages in 111.514s
314 packages are looking for funding
run `npm fund` for details
found 25 vulnerabilities (10 moderate, 9 high, 6 critical)
run `npm audit fix` to fix them, or `npm audit` for details
D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io>npm start
> zoomkoding.com@3.0.0 start D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io
> npm run develop
> zoomkoding.com@3.0.0 develop D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io
> gatsby develop
success compile gatsby files - 1.475s
success load gatsby config - 0.087s
warn Plugin gatsby-plugin-advanced-sitemap is not compatible with your gatsby version 4.9.3 - It requires gatsby@^3.0.0
warn Plugin gatsby-plugin-advanced-sitemap is not compatible with your gatsby version 4.9.3 - It requires gatsby@^3.0.0
success load plugins - 2.150s
success onPreInit - 0.006s
success initialize cache - 0.089s
success copy gatsby files - 0.316s
success Compiling Gatsby Functions - 0.488s
success onPreBootstrap - 1.658s
success createSchemaCustomization - 0.010s
success Checking for changed pages - 0.002s
success source and transform nodes - 0.258s
success building schema - 0.434s
success createPages - 0.740s
success createPagesStatefully - 0.152s
info Total nodes: 101, SitePage nodes: 11 (use --verbose for breakdown)
success Checking for changed pages - 0.003s
success write out redirect data - 0.004s
success Build manifest and related icons - 0.140s
success onPostBootstrap - 0.154s
info bootstrap finished - 12.066s
success onPreExtractQueries - 0.011s
success extract queries from components - 2.170s
success write out requires - 0.107s
success run static queries - 0.503s - 4/4 7.96/s
success run page queries - 0.026s - 3/3 116.96/s
success Running gatsby-plugin-sharp.IMAGE_PROCESSING jobs - 3.905s - 13/13 3.33/s
ERROR
Module not found: Error: Can't resolve '@emotion/react' in 'D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\@mui\styled-engine\GlobalStyles'
ModuleNotFoundError: Module not found: Error: Can't resolve '@emotion/react' in 'D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\@mui\styled-engine\GlobalStyles'
- Compilation.js:2011
[myBabyGrand.github.io]/[webpack]/lib/Compilation.js:2011:28
- NormalModuleFactory.js:795
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:795:13
- NormalModuleFactory.js:275
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:275:22
- NormalModuleFactory.js:431
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:431:22
- NormalModuleFactory.js:124
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:124:11
- NormalModuleFactory.js:667
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:667:25
- NormalModuleFactory.js:852
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:852:8
- NormalModuleFactory.js:972
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:972:5
- async.js:6883
[myBabyGrand.github.io]/[neo-async]/async.js:6883:13
- NormalModuleFactory.js:955
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:955:45
- Resolver.js:296 finishWithoutResolve
[myBabyGrand.github.io]/[enhanced-resolve]/lib/Resolver.js:296:11
- Resolver.js:362
[myBabyGrand.github.io]/[enhanced-resolve]/lib/Resolver.js:362:15
- Resolver.js:410
[myBabyGrand.github.io]/[enhanced-resolve]/lib/Resolver.js:410:5
ERROR
Module not found: Error: Can't resolve '@emotion/react' in 'D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\@mui\styled-engine\StyledEngineProvider'
ModuleNotFoundError: Module not found: Error: Can't resolve '@emotion/react' in 'D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\@mui\styled-engine\StyledEngineProvider'
- Compilation.js:2011
[myBabyGrand.github.io]/[webpack]/lib/Compilation.js:2011:28
- NormalModuleFactory.js:795
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:795:13
- NormalModuleFactory.js:275
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:275:22
- NormalModuleFactory.js:431
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:431:22
- NormalModuleFactory.js:124
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:124:11
- NormalModuleFactory.js:667
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:667:25
- NormalModuleFactory.js:852
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:852:8
- NormalModuleFactory.js:972
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:972:5
- async.js:6883
[myBabyGrand.github.io]/[neo-async]/async.js:6883:13
- NormalModuleFactory.js:955
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:955:45
- Resolver.js:296 finishWithoutResolve
[myBabyGrand.github.io]/[enhanced-resolve]/lib/Resolver.js:296:11
- Resolver.js:362
[myBabyGrand.github.io]/[enhanced-resolve]/lib/Resolver.js:362:15
- Resolver.js:410
[myBabyGrand.github.io]/[enhanced-resolve]/lib/Resolver.js:410:5
ERROR
Module not found: Error: Can't resolve '@emotion/styled' in 'D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\@mui\styled-engine'
ModuleNotFoundError: Module not found: Error: Can't resolve '@emotion/styled' in 'D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\@mui\styled-engine'
- Compilation.js:2011
[myBabyGrand.github.io]/[webpack]/lib/Compilation.js:2011:28
- NormalModuleFactory.js:795
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:795:13
- NormalModuleFactory.js:275
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:275:22
- NormalModuleFactory.js:431
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:431:22
- NormalModuleFactory.js:124
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:124:11
- NormalModuleFactory.js:667
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:667:25
- NormalModuleFactory.js:852
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:852:8
- NormalModuleFactory.js:972
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:972:5
- async.js:6883
[myBabyGrand.github.io]/[neo-async]/async.js:6883:13
- NormalModuleFactory.js:955
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:955:45
- Resolver.js:296 finishWithoutResolve
[myBabyGrand.github.io]/[enhanced-resolve]/lib/Resolver.js:296:11
- Resolver.js:362
[myBabyGrand.github.io]/[enhanced-resolve]/lib/Resolver.js:362:15
- Resolver.js:410
[myBabyGrand.github.io]/[enhanced-resolve]/lib/Resolver.js:410:5
ERROR
Module not found: Error: Can't resolve '@emotion/react' in 'D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\@mui\styled-engine'
ModuleNotFoundError: Module not found: Error: Can't resolve '@emotion/react' in 'D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\@mui\styled-engine'
- Compilation.js:2011
[myBabyGrand.github.io]/[webpack]/lib/Compilation.js:2011:28
- NormalModuleFactory.js:795
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:795:13
- NormalModuleFactory.js:275
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:275:22
- NormalModuleFactory.js:431
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:431:22
- NormalModuleFactory.js:124
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:124:11
- NormalModuleFactory.js:667
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:667:25
- NormalModuleFactory.js:852
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:852:8
- NormalModuleFactory.js:972
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:972:5
- async.js:6883
[myBabyGrand.github.io]/[neo-async]/async.js:6883:13
- NormalModuleFactory.js:955
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:955:45
- Resolver.js:296 finishWithoutResolve
[myBabyGrand.github.io]/[enhanced-resolve]/lib/Resolver.js:296:11
- Resolver.js:362
[myBabyGrand.github.io]/[enhanced-resolve]/lib/Resolver.js:362:15
- Resolver.js:410
[myBabyGrand.github.io]/[enhanced-resolve]/lib/Resolver.js:410:5
ERROR
Module not found: Error: Can't resolve '@emotion/react' in 'D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\gatsby-plugin-material-ui'
ModuleNotFoundError: Module not found: Error: Can't resolve '@emotion/react' in 'D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io\node_modules\gatsby-plugin-material-ui'
- Compilation.js:2011
[myBabyGrand.github.io]/[webpack]/lib/Compilation.js:2011:28
- NormalModuleFactory.js:795
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:795:13
- NormalModuleFactory.js:275
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:275:22
- NormalModuleFactory.js:431
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:431:22
- NormalModuleFactory.js:124
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:124:11
- NormalModuleFactory.js:667
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:667:25
- NormalModuleFactory.js:852
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:852:8
- NormalModuleFactory.js:972
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:972:5
- async.js:6883
[myBabyGrand.github.io]/[neo-async]/async.js:6883:13
- NormalModuleFactory.js:955
[myBabyGrand.github.io]/[webpack]/lib/NormalModuleFactory.js:955:45
- Resolver.js:296 finishWithoutResolve
[myBabyGrand.github.io]/[enhanced-resolve]/lib/Resolver.js:296:11
- Resolver.js:362
[myBabyGrand.github.io]/[enhanced-resolve]/lib/Resolver.js:362:15
- Resolver.js:410
[myBabyGrand.github.io]/[enhanced-resolve]/lib/Resolver.js:410:5
not finished Building development bundle - 16.637s
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! zoomkoding.com@3.0.0 develop: `gatsby develop`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the zoomkoding.com@3.0.0 develop 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! C:\Users\mazino\AppData\Roaming\npm-cache\_logs\2022-04-19T13_38_03_616Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! zoomkoding.com@3.0.0 start: `npm run develop`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the zoomkoding.com@3.0.0 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! C:\Users\mazino\AppData\Roaming\npm-cache\_logs\2022-04-19T13_38_03_652Z-debug.log
D:\workspace\gatsbyBlog-zoomkoding\myBabyGrand.github.io>