Create-react-app: 'npm install react-bootstrap --save' μ‹€νŒ¨

에 λ§Œλ“  2016λ…„ 09μ›” 29일  Β·  3μ½”λ©˜νŠΈ  Β·  좜처: facebook/create-react-app

버그λ₯Ό μ‹ κ³ ν•˜λŠ” 경우 μ•„λž˜λ₯Ό μž‘μ„±ν•΄ μ£Όμ„Έμš”. 그렇지 μ•ŠμœΌλ©΄ 이 ν…œν”Œλ¦Ώμ„ μ™„μ „νžˆ μ œκ±°ν•˜μ‹­μ‹œμ˜€.

μ„€λͺ…

react-bootstrap을 μ„€μΉ˜ν•˜κΈ° μœ„ν•œ νŠœν† λ¦¬μ–Ό 에 따라 npm install react-bootstrap --save λŠ” λ‹€μŒκ³Ό 같은 κ²°κ³Όλ₯Ό μƒμ„±ν•©λ‹ˆλ‹€:

/Users/dlindberg/Projects/React/create-react-app
β”œβ”€β”€ UNMET PEER DEPENDENCY react@>=0.14.0
β”œβ”€β”¬ [email protected]
β”‚ β”œβ”€β”¬ [email protected]
β”‚ β”‚ β”œβ”€β”€ [email protected]
β”‚ β”‚ └── [email protected]
β”‚ β”œβ”€β”€ [email protected]
β”‚ β”œβ”€β”€ [email protected]
β”‚ β”œβ”€β”¬ [email protected]
β”‚ β”‚ └─┬ [email protected]
β”‚ β”‚   └── [email protected]
β”‚ β”œβ”€β”€ [email protected]
β”‚ β”œβ”€β”€ UNMET PEER DEPENDENCY react@>=0.14.0
β”‚ β”œβ”€β”€ UNMET PEER DEPENDENCY react-dom@>=0.14.0
β”‚ β”œβ”€β”¬ [email protected]
β”‚ β”‚ └── UNMET PEER DEPENDENCY react@>=0.14.0
β”‚ β”œβ”€β”€ [email protected]
β”‚ β”œβ”€β”€ [email protected]
β”‚ └── [email protected]
└── UNMET PEER DEPENDENCY react-dom@>=0.14.0

npm WARN [email protected] requires a peer of react@>=0.14.0 but none was installed.
npm WARN [email protected] requires a peer of react-dom@>=0.14.0 but none was installed.
npm WARN [email protected] requires a peer of react@>=0.14.0 but none was installed.
npm WARN [email protected] requires a peer of react@>=0.11.0 but none was installed.
npm WARN [email protected] requires a peer of react@>=0.14.0 but none was installed.
npm WARN [email protected] requires a peer of react-dom@>=0.14.0 but none was installed.

ν™˜κ²½

ν”„λ‘œμ νŠΈ ν΄λ”μ—μ„œ λ‹€μŒ λͺ…령을 μ‹€ν–‰ν•˜κ³  κ²°κ³Όλ₯Ό μž…λ ₯ν•©λ‹ˆλ‹€.

  1. npm ls react-scripts (μΆ”μΆœν•˜μ§€ μ•Šμ€ 경우):
/Users/dlindberg/Projects/React/create-react-app
β”œβ”€β”€ UNMET PEER DEPENDENCY react@>=0.14.0
└── UNMET PEER DEPENDENCY react-dom@>=0.14.0

npm ERR! peer dep missing: react@>=0.14.0, required by [email protected]
npm ERR! peer dep missing: react-dom@>=0.14.0, required by [email protected]
npm ERR! code 1
  1. node -v : v4.5.0
  2. npm -v : 3.10.8

그런 λ‹€μŒ λ‹€μŒμ„ μ§€μ •ν•©λ‹ˆλ‹€.

  1. 운영 체제: Mac OS 10.11.06 El Cap
  2. λΈŒλΌμš°μ € 및 버전: Chrome 버전 53.0.2785.116(64λΉ„νŠΈ)

μž¬ν˜„ κ°€λŠ₯ν•œ 데λͺ¨

문제λ₯Ό μž¬ν˜„ν•˜λŠ” μƒˆ 앱을 μ°Έμ‘°ν•˜μ‹­μ‹œμ˜€. GitHub에 ν‘Έμ‹œν•˜κ³  여기에 링크λ₯Ό λΆ™μ—¬λ„£μ—ˆμŠ΅λ‹ˆλ‹€.

https://github.com/DaveLindberg/test-react-bootstrap

μž…μ¦ κ°€λŠ₯ν•œ λ¬Έμ œλŠ” 더 빨리 μˆ˜μ •λ©λ‹ˆλ‹€. 감사 ν•΄μš”!

proposal

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

λ‚˜λŠ” λ‹Ήμ‹ μ˜ ν”„λ‘œμ νŠΈμ—μ„œ 이것을 μž¬ν˜„ν•  수 μ—†μŠ΅λ‹ˆλ‹€.
였λ₯˜ λ©”μ‹œμ§€λŠ” λ‹€μŒκ³Ό 같이 λ§ν•©λ‹ˆλ‹€.

npm WARN [email protected] requires a peer of react@>=0.14.0 but none was installed.
npm WARN [email protected] requires a peer of react-dom@>=0.14.0 but none was installed.

이것은 package.json λ‚˜μ—΄λ˜μ–΄ μžˆμ–΄λ„ react 및 react-dom κ°€ μ–΄λ–€ 이유둜 ν”„λ‘œμ νŠΈ 폴더에 μ„€μΉ˜λ˜μ§€ μ•Šμ•˜μŒμ„ μ˜λ―Έν•©λ‹ˆλ‹€. 제 μƒκ°μ—λŠ” 이전에 μ–΄λ–€ 이유둜 μ„€μΉ˜κ°€ μ‹€νŒ¨ν•˜μ—¬ node_modules λˆ„λ½λœ 것 κ°™μŠ΅λ‹ˆλ‹€.

μ‹œλ„ν•΄ λ³Ό 수 μžˆμŠ΅λ‹ˆκΉŒ?

  1. ν”„λ‘œμ νŠΈμ—μ„œ node_modules μ‚­μ œ
  2. npm install
  3. npm install --save react-bootstrap λ‹€μ‹œ μ‹œλ„

결과 보고?

감사 ν•΄μš”.

λͺ¨λ“  3 λŒ“κΈ€

λ‚˜λŠ” λ‹Ήμ‹ μ˜ ν”„λ‘œμ νŠΈμ—μ„œ 이것을 μž¬ν˜„ν•  수 μ—†μŠ΅λ‹ˆλ‹€.
였λ₯˜ λ©”μ‹œμ§€λŠ” λ‹€μŒκ³Ό 같이 λ§ν•©λ‹ˆλ‹€.

npm WARN [email protected] requires a peer of react@>=0.14.0 but none was installed.
npm WARN [email protected] requires a peer of react-dom@>=0.14.0 but none was installed.

이것은 package.json λ‚˜μ—΄λ˜μ–΄ μžˆμ–΄λ„ react 및 react-dom κ°€ μ–΄λ–€ 이유둜 ν”„λ‘œμ νŠΈ 폴더에 μ„€μΉ˜λ˜μ§€ μ•Šμ•˜μŒμ„ μ˜λ―Έν•©λ‹ˆλ‹€. 제 μƒκ°μ—λŠ” 이전에 μ–΄λ–€ 이유둜 μ„€μΉ˜κ°€ μ‹€νŒ¨ν•˜μ—¬ node_modules λˆ„λ½λœ 것 κ°™μŠ΅λ‹ˆλ‹€.

μ‹œλ„ν•΄ λ³Ό 수 μžˆμŠ΅λ‹ˆκΉŒ?

  1. ν”„λ‘œμ νŠΈμ—μ„œ node_modules μ‚­μ œ
  2. npm install
  3. npm install --save react-bootstrap λ‹€μ‹œ μ‹œλ„

결과 보고?

감사 ν•΄μš”.

응닡해 μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€.

μ„€λͺ…λœ 3단계λ₯Ό μ™„λ£Œν–ˆμœΌλ©° 이제 λ¬Έμ œκ°€ ν•΄κ²°λ˜μ—ˆμŠ΅λ‹ˆλ‹€. 후에
node_modules μ‚­μ œ, npm install이 react 및 react-dom을 μ„±κ³΅μ μœΌλ‘œ μΆ”κ°€ν–ˆμŠ΅λ‹ˆλ‹€.

npm install bootstrap@3 --save 및 npm install bootstrap@3 --save 싀행은
성곡적인.

:-)

데이브 λ¦°λ“œλ²„κ·Έ λ§ˆμΌ€νŒ… 및 λ””μžμΈ
802.282.3368 | DaveLindberg.com | νŠΈμœ„ν„°: @DaveLindberg
https://twitter.com/DaveLindberg | λ§ν¬λ“œμΈ: in/DaveLindberg
https://www.linkedin.com/in/davelindberg

2016λ…„ 9μ›” 28일 μˆ˜μš”μΌ μ˜€ν›„ 7μ‹œ 45λΆ„, Dan Abramov [email protected]
썼닀:

λ‚˜λŠ” λ‹Ήμ‹ μ˜ ν”„λ‘œμ νŠΈμ—μ„œ 이것을 μž¬ν˜„ν•  수 μ—†μŠ΅λ‹ˆλ‹€.
였λ₯˜ λ©”μ‹œμ§€λŠ” λ‹€μŒκ³Ό 같이 λ§ν•©λ‹ˆλ‹€.

npm WARN [email protected]μ—λŠ” react@>=0.14.0의 ν”Όμ–΄κ°€ ν•„μš”ν•˜μ§€λ§Œ 아무 것도 μ„€μΉ˜λ˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€.
npm WARN [email protected]μ—λŠ” react-dom@>=0.14.0 ν”Όμ–΄κ°€ ν•„μš”ν•˜μ§€λ§Œ 아무 것도 μ„€μΉ˜λ˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€.

이것은 μ–΄λ–€ 이유둜 react 및 react-dom이 μ„€μΉ˜λ˜μ§€ μ•Šμ•˜μŒμ„ μ˜λ―Έν•©λ‹ˆλ‹€.
package.json에 λ‚˜μ—΄λ˜μ–΄ μžˆμ–΄λ„ ν”„λ‘œμ νŠΈ 폴더. λ‚΄ μΆ”μΈ‘
이전에 μ–΄λ–€ 이유둜 μ„€μΉ˜κ°€ μ‹€νŒ¨ν–ˆκΈ° λ•Œλ¬Έμ—
node_modulesμ—μ„œ λˆ„λ½λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

μ‹œλ„ν•΄ λ³Ό 수 μžˆμŠ΅λ‹ˆκΉŒ?

  1. ν”„λ‘œμ νŠΈμ—μ„œ node_modules μ‚­μ œ
  2. npm μ„€μΉ˜ μ‹€ν–‰
  3. npm install --save react-bootstrap을 λ‹€μ‹œ μ‹œλ„ν•˜μ‹­μ‹œμ˜€.

결과 보고?

감사 ν•΄μš”

β€”
μŠ€λ ˆλ“œλ₯Ό μž‘μ„±ν–ˆκΈ° λ•Œλ¬Έμ— 이 λ©”μ‹œμ§€λ₯Ό λ°›λŠ” κ²ƒμž…λ‹ˆλ‹€.
이 이메일에 직접 λ‹΅μž₯ν•˜κ³  GitHubμ—μ„œ 확인
https://github.com/facebookincubator/create-react-app/issues/792#issuecomment -250333552,
λ˜λŠ” μŠ€λ ˆλ“œ μŒμ†Œκ±°
https://github.com/notifications/unsubscribe-auth/AAcsVNmm2_NuVahBuwSa9bStqRIuEBGKks5quvwJgaJpZM4KJXkE
.

그럼 λ‹«κ² μŠ΅λ‹ˆλ‹€. λ¬Έμ œκ°€ ν•΄κ²°λ˜μ–΄ λ‹€ν–‰μž…λ‹ˆλ‹€!

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰