`gatsby new`로 최초 설치 시 dependency 충돌 문제가 생겨요
GrassHopper42 opened this issue · comments
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: gatsby-starter-hoodie@0.2.0
npm ERR! Found: gatsby@2.32.13
npm ERR! node_modules/gatsby
npm ERR! gatsby@"^2.25.3" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer gatsby@"^3.0.0-next.0" from gatsby-plugin-catch-links@3.14.0
npm ERR! node_modules/gatsby-plugin-catch-links
npm ERR! gatsby-plugin-catch-links@"^3.5.0" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
위 같은 에러가 뜨면서 npm install을 할 수가 없어서 수동으로 해줬더니 sharp가 문제가 생기네요
npm ERR! code 1
npm ERR! path [프로젝트폴더]/node_modules/sharp
npm ERR! command failed
npm ERR! command sh -c (node install/libvips && node install/dll-copy && prebuild-install) || (node-gyp rebuild && node install/dll-copy)
npm ERR! make: Entering directory '[프로젝트폴더]/node_modules/sharp/build'
npm ERR! TOUCH Release/obj.target/libvips-cpp.stamp
npm ERR! CXX(target) Release/obj.target/sharp/src/common.o
npm ERR! make: Leaving directory '[프로젝트폴더]/node_modules/sharp/build'
npm ERR! info sharp Using cached [루트폴더]/.npm/_libvips/libvips-8.8.1-linux-x64.tar.gz
npm ERR! gyp info it worked if it ends with ok
npm ERR! gyp info using node-gyp@9.0.0
npm ERR! gyp info using node@17.9.0 | linux | x64
npm ERR! gyp info find Python using Python version 3.8.10 found at "/usr/bin/python3"
npm ERR! gyp info spawn /usr/bin/python3
npm ERR! gyp info spawn args [
npm ERR! gyp info spawn args '/usr/lib/node_modules/npm/node_modules/node-gyp/gyp/gyp_main.py',
npm ERR! gyp info spawn args 'binding.gyp',
npm ERR! gyp info spawn args '-f',
npm ERR! gyp info spawn args 'make',
npm ERR! gyp info spawn args '-I',
npm ERR! gyp info spawn args '[프로젝트폴더]/node_modules/sharp/build/config.gypi',
npm ERR! gyp info spawn args '-I',
npm ERR! gyp info spawn args '/usr/lib/node_modules/npm/node_modules/node-gyp/addon.gypi',
npm ERR! gyp info spawn args '-I',
npm ERR! gyp info spawn args '[루트폴더]/.cache/node-gyp/17.9.0/include/node/common.gypi',
npm ERR! gyp info spawn args '-Dlibrary=shared_library',
npm ERR! gyp info spawn args '-Dvisibility=default',
npm ERR! gyp info spawn args '-Dnode_root_dir=[루트폴더]/.cache/node-gyp/17.9.0',
npm ERR! gyp info spawn args '-Dnode_gyp_dir=/usr/lib/node_modules/npm/node_modules/node-gyp',
npm ERR! gyp info spawn args '-Dnode_lib_file=[루트폴더]/.cache/node-gyp/17.9.0/<(target_arch)/node.lib',
npm ERR! gyp info spawn args '-Dmodule_root_dir=[프로젝트폴더]/node_modules/sharp',
npm ERR! gyp info spawn args '-Dnode_engine=v8',
npm ERR! gyp info spawn args '--depth=.',
npm ERR! gyp info spawn args '--no-parallel',
npm ERR! gyp info spawn args '--generator-output',
npm ERR! gyp info spawn args 'build',
npm ERR! gyp info spawn args '-Goutput_dir=.'
npm ERR! gyp info spawn args ]
npm ERR! gyp info spawn make
npm ERR! gyp info spawn args [ 'BUILDTYPE=Release', '-C', 'build' ]
npm ERR! <command-line>: warning: "_GLIBCXX_USE_CXX11_ABI" redefined
npm ERR! <command-line>: note: this is the location of the previous definition
npm ERR! In file included from [루트폴더]/.cache/node-gyp/17.9.0/include/node/v8-local-handle.h:12,
npm ERR! from [루트폴더]/.cache/node-gyp/17.9.0/include/node/v8-array-buffer.h:12,
npm ERR! from [루트폴더]/.cache/node-gyp/17.9.0/include/node/v8.h:25,
npm ERR! from [루트폴더]/.cache/node-gyp/17.9.0/include/node/node.h:63,
npm ERR! from ../src/common.cc:22:
npm ERR! [루트폴더]/.cache/node-gyp/17.9.0/include/node/v8-internal.h: In function ‘void v8::internal::PerformCastCheck(T*)’:
npm ERR! [루트폴더]/.cache/node-gyp/17.9.0/include/node/v8-internal.h:563:38: error: ‘remove_cv_t’ is not a member of ‘std’; did you mean ‘remove_cv’?
npm ERR! 563 | !std::is_same<Data, std::remove_cv_t<T>>::value>::Perform(data);
npm ERR! | ^~~~~~~~~~~
npm ERR! | remove_cv
npm ERR! [루트폴더]/.cache/node-gyp/17.9.0/include/node/v8-internal.h:563:38: error: ‘remove_cv_t’ is not a member of ‘std’; did you mean ‘remove_cv’?
npm ERR! 563 | !std::is_same<Data, std::remove_cv_t<T>>::value>::Perform(data);
npm ERR! | ^~~~~~~~~~~
npm ERR! | remove_cv
npm ERR! [루트폴더]/.cache/node-gyp/17.9.0/include/node/v8-internal.h:563:50: error: template argument 2 is invalid
npm ERR! 563 | !std::is_same<Data, std::remove_cv_t<T>>::value>::Perform(data);
npm ERR! | ^
npm ERR! [루트폴더]/.cache/node-gyp/17.9.0/include/node/v8-internal.h:563:63: error: ‘::Perform’ has not been declared
npm ERR! 563 | !std::is_same<Data, std::remove_cv_t<T>>::value>::Perform(data);
npm ERR! | ^~~~~~~
npm ERR! make: *** [sharp.target.mk:139: Release/obj.target/sharp/src/common.o] Error 1
npm ERR! gyp ERR! build error
npm ERR! gyp ERR! stack Error: `make` failed with exit code: 2
npm ERR! gyp ERR! stack at ChildProcess.onExit (/usr/lib/node_modules/npm/node_modules/node-gyp/lib/build.js:194:23)
npm ERR! gyp ERR! stack at ChildProcess.emit (node:events:527:28)
npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (node:internal/child_process:291:12)
npm ERR! gyp ERR! System Linux 5.4.72-microsoft-standard-WSL2
npm ERR! gyp ERR! command "/usr/bin/node" "/usr/lib/node_modules/npm/node_modules/node-gyp/bin/node-gyp.js" "rebuild"
npm ERR! gyp ERR! cwd [프로젝트폴더]/node_modules/sharp
npm ERR! gyp ERR! node -v v17.9.0
npm ERR! gyp ERR! node-gyp -v v9.0.0
npm ERR! gyp ERR! not ok
원하던 기능이나 스타일도 다 있고 잘 만들어주셨는데 자꾸 에러가 나서 안타깝네요ㅠ
node 버젼을 14.19.3으로 낮춰줬더니 취약점이 발견되긴했어도 해결됐습니다. 닫을게요
혹시 Macbook13인치 M1을 사용하시는 분들은 다음과 같은 순서로 하시면 될 것같습니다.
M1은 node 버전을 14 지원하지 않아서 rosetta를 설치 및 실행하고 nvm을 이용해서 특정 node를 설치해줘야 합니다.
- 기존 Node, Npm 삭제하기 - node 완전삭제
- nvm 설치 - M1에서 nvm설치하기
- rosetta 설치 및 실행
- nvm 으로 특정 node 버전 설치 : "nvm install v14.19.3"
저도 이 문제로 몇시간 동안 구글링하느라 힘들었는데, 해당 문제 해결하고 나니 뿌듯하네요.
하지만, 여전히 설치해서 막히긴 합니다.
