종속성 트리 Reactjs를 확인할 수 없습니다.

종속성 트리 Reactjs를 확인할 수 없습니다.

현재 프로젝트에 리액트 틴더 카드를 설치하려고 합니다.react-tinder-card를 설치하려고 하는데 명령어를 사용한 후

npm install --save react-tinder-card

콘솔에 표시되는 것은 다음과 같습니다.

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: tinder-clone@0.1.0
npm ERR! Found: react@17.0.1
npm ERR! node_modules/react
npm ERR!   react@"^17.0.1" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0" from react-tinder-card@1.3.1
npm ERR! node_modules/react-tinder-card
npm ERR!   react-tinder-card@"*" 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 ERR! 
npm ERR! See /home/nero/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/nero/.npm/_logs/2020-11-06T16_36_39_957Z-debug.log

debug.log 파일을 열었을 때 다음과 같이 되어 있었습니다.

0 verbose cli [
0 verbose cli   '/usr/bin/node',
0 verbose cli   '/usr/bin/npm',
0 verbose cli   'install',
0 verbose cli   '--save',
0 verbose cli   'react-tinder-card'
0 verbose cli ]
1 info using npm@7.0.3
2 info using node@v15.0.1
3 timing config:load:defaults Completed in 3ms
4 timing config:load:file:/usr/lib/node_modules/npm/npmrc Completed in 0ms
5 timing config:load:builtin Completed in 1ms
6 timing config:load:cli Completed in 3ms
7 timing config:load:env Completed in 1ms
8 timing config:load:file:/home/nero/Documents/MERN/tinder-clone/.npmrc Completed in 1ms
9 timing config:load:project Completed in 2ms
10 timing config:load:file:/home/nero/.npmrc Completed in 0ms
11 timing config:load:user Completed in 0ms
12 timing config:load:file:/usr/etc/npmrc Completed in 0ms
13 timing config:load:global Completed in 0ms
14 timing config:load:cafile Completed in 0ms
15 timing config:load:validate Completed in 0ms
16 timing config:load:setUserAgent Completed in 0ms
17 timing config:load:setEnvs Completed in 1ms
18 timing config:load Completed in 12ms
19 verbose npm-session b46c4469ef66a9f2
20 timing npm:load Completed in 19ms
21 timing arborist:ctor Completed in 0ms
22 timing idealTree:init Completed in 1413ms
23 timing idealTree:userRequests Completed in 3ms
24 silly idealTree buildDeps
25 silly fetch manifest react-tinder-card@*
26 http fetch GET 200 https://registry.npmjs.org/react-tinder-card 188ms (from cache)
27 silly fetch manifest react@^17.0.1
28 timing arborist:ctor Completed in 0ms
29 http fetch GET 304 https://registry.npmjs.org/react 1196ms (from cache)
30 timing idealTree Completed in 2812ms
31 timing command:install Completed in 2815ms
32 verbose stack Error: unable to resolve dependency tree
32 verbose stack     at Arborist.[failPeerConflict] (/usr/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:1011:25)
32 verbose stack     at Arborist.[loadPeerSet] (/usr/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:991:36)
32 verbose stack     at async Arborist.[buildDepStep] (/usr/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:760:11)
32 verbose stack     at async Arborist.buildIdealTree (/usr/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:202:7)
32 verbose stack     at async Promise.all (index 1)
32 verbose stack     at async Arborist.reify (/usr/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/reify.js:121:5)
32 verbose stack     at async install (/usr/lib/node_modules/npm/lib/install.js:40:5)
33 verbose cwd /home/nero/Documents/MERN/tinder-clone
34 verbose Linux 5.4.0-52-generic
35 verbose argv "/usr/bin/node" "/usr/bin/npm" "install" "--save" "react-tinder-card"
36 verbose node v15.0.1
37 verbose npm  v7.0.3
38 error code ERESOLVE
39 error ERESOLVE unable to resolve dependency tree
40 error
41 error While resolving: [1mtinder-clone[22m@[1m0.1.0[22m
41 error Found: [1mreact[22m@[1m17.0.1[22m[2m[22m
41 error [2mnode_modules/react[22m
41 error   [1mreact[22m@"[1m^17.0.1[22m" from the root project
41 error
41 error Could not resolve dependency:
41 error [35mpeer[39m [1mreact[22m@"[1m^16.8.0[22m" from [1mreact-tinder-card[22m@[1m1.3.1[22m[2m[22m
41 error [2mnode_modules/react-tinder-card[22m
41 error   [1mreact-tinder-card[22m@"[1m*[22m" from the root project
41 error
41 error Fix the upstream dependency conflict, or retry
41 error this command with --force, or --legacy-peer-deps
41 error to accept an incorrect (and potentially broken) dependency resolution.
41 error
41 error See /home/nero/.npm/eresolve-report.txt for a full report.
42 verbose exit 1

그게 무슨 뜻인지 모르겠어요.해결책을 찾을 수 있도록 도와주세요.어떤 종류의 도움이라도 주시면 감사하겠습니다.잘 부탁드립니다.

$ npm install --save react-tinder-card --legacy-peer-deps

이 오류는 npm 버전7.x에서 발생합니다.

를 사용하여 다시 시도하십시오.--legacy-peer-deps선택.

이 에러가 의미하는 것은 기본적으로react-tinder-card@1.3.1동종업계의 의존관계에 있습니다.react@"^16.8.0"제대로 작동하려면 해당 버전의 반응이 필요합니다.온 유저희쪽에서tinder-clone@0.1.0현재 가지고 있는 어플리케이션react@17.0.1.

이 문제는 리액트 버전을 설치하는 것만으로 수동으로 해결할 수 있습니다.react-tinder-card@1.3.1니즈:react@"^16.8.0"패키지를 실행하려면 버전을 다운그레이드해야 합니다.

그--legacy-peer-deps플래그가 v7과 함께 도입되었습니다.npmpeerDependency 자동 설치를 바이패스하는 방법으로서 피어 디프를 무시하고 설치를 진행하도록 NPM에게 지시합니다.이는 원치 않는 행동을 일으킬 수 있으므로 권장하지 않습니다.

npm v6로 다운그레이드합니다.그러면 문제가 해결될 거예요.

npm install -g npm@6

이 문제는 오래 전에 작성된 프로젝트를 복제하려고 할 때 프로젝트 종속성이 새 버전으로 이동했을 때 발생합니다.

코드 이하로 실행하세요.매번 잘 먹히네요.이 솔루션에도 에러가 표시됩니다.

 npm install --legacy-peer-deps

https://www.apollographql.com/docs/react/migrating/apollo-client-3-migration/

react-apollo 패키지는 더 이상 사용되지 않으며, 위의 각 패키지에서 제공되는 기능은 @apollo/client에서 직접 액세스할 수 있습니다.

@apollo/react-hooks -> now available directly from @apollo/client
@apollo/react-components -> now available from @apollo/client/react/components
@apollo/react-hoc -> now available from @apollo/client/react/hoc
@apollo/react-ssr -> now available from @apollo/client/react/ssr
@apollo/react-testing -> now available from @apollo/client/testing

위와 같은 오류가 발생했습니다.npm v6.7을 설치했습니다.Netlify CMS와 Gatsby를 재설치했습니다.

npm install netlify-cms-app@2.9 gatsby-plugin-netlify-cms@^4.0.0

정적 폴더 아래에 favicon.ico 파일 외에는 아무것도 없습니다.admin 폴더도 .yml 파일도 없습니다.

다운그레이드npm버전 간6이 문제를 해결하는 데 도움이 되었습니다.

npm v8로 업그레이드합니다.그러면 문제가 해결될 거예요.

npm install -g npm@8

사용한 이후 --legacy-peer-depsflag는 리액트 버전의 dev-dependencies를 설치하지 않습니다.--force대신.

언급URL : https://stackoverflow.com/questions/64718633/unable-to-resolve-dependency-tree-reactjs