React-native-router-flux: 쀑볡 λ²„μ „μ˜ react-native μ„€μΉ˜ 쀑

에 λ§Œλ“  2017λ…„ 04μ›” 20일  Β·  40μ½”λ©˜νŠΈ  Β·  좜처: aksonov/react-native-router-flux

λ°˜μ‘ λ„€μ΄ν‹°λΈŒ λΌμš°ν„° ν”ŒλŸ­μŠ€ v3.38.1
λ°˜μ‘ λ„€μ΄ν‹°λΈŒ v0.42.3

yarn install둜 인해 react-native v0.42.3 및 react-native v0.41.1이 μ„€μΉ˜λ©λ‹ˆλ‹€.

react 및 react-nativeλ₯Ό react-native-router-flux에 λŒ€ν•œ peerDependency둜 μ„€μΉ˜ν•΄μ•Ό ν•©λ‹ˆκΉŒ?

μž¬ν˜„ν•˜λ €λ©΄:

λ°˜μ‘ λ„€μ΄ν‹°λΈŒ μ΄ˆκΈ°ν™” {projectName} --version=0.42.3
cd {ν”„λ‘œμ νŠΈ 이름}
μ›μ‚¬λŠ” react-native-router-fluxλ₯Ό μΆ”κ°€ν•©λ‹ˆλ‹€.
npm μ‹œμž‘

λ„Œ 봐야 ν•΄

Failed to build DependencyGraph: <strong i="15">@providesModule</strong> naming collision:
  Duplicate module name: react-animated
  Paths: /Users/bdewitt/sandbox/break/node_modules/react-native-router-flux/node_modules/react-native/Libraries/Animated/release/package.json collides with /Users/bdewitt/sandbox/break/node_modules/react-native/Libraries/Animated/release/package.json

This error is caused by a <strong i="16">@providesModule</strong> declaration with the same name across two different files.
Error: <strong i="17">@providesModule</strong> naming collision:
  Duplicate module name: react-animated
  Paths: /Users/bdewitt/sandbox/break/node_modules/react-native-router-flux/node_modules/react-native/Libraries/Animated/release/package.json collides with /Users/bdewitt/sandbox/break/node_modules/react-native/Libraries/Animated/release/package.json

This error is caused by a <strong i="18">@providesModule</strong> declaration with the same name across two different files.
    at HasteMap._updateHasteMap (/Users/bdewitt/sandbox/break/node_modules/react-native/packager/src/node-haste/DependencyGraph/HasteMap.js:158:13)
    at p.getName.then.name (/Users/bdewitt/sandbox/break/node_modules/react-native/packager/src/node-haste/DependencyGraph/HasteMap.js:133:31)

원사 μΆ”κ°€ [email protected]

성곡해야

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

이것도 λ§ν–ˆμŠ΅λ‹ˆλ‹€. 3.38.0으둜 λ‘€λ°±ν•˜μ—¬ μˆ˜μ •λ¨

watchman watch-del-all
rm -rf node_modules && npm install
npm uninstall react-native-router-flux
npm install --save [email protected]
rm -fr $TMPDIR/react-*
npm cache clean
npm start -- --reset-cache

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

λ™μΌν•œ 문제λ₯Ό κ²Œμ‹œν•˜κΈ° μœ„ν•΄ 여기에 μ™”μŠ΅λ‹ˆλ‹€. 이 μ»€λ°‹μ˜ 쒅속성에 μ‹€μˆ˜λ‘œ μΆ”κ°€λœ 것 κ°™μŠ΅λ‹ˆλ‹€: https://github.com/aksonov/react-native-router-flux/commit/34e2d7ac7eb09489c2fd7f19844bd38e27e969fc

λŒ€μ‹  peerDependency둜 λ‚˜μ—΄λ˜μ–΄μ•Όν•œλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€.

λ‚˜λŠ”μ΄ λ¬Έμ œμ— λŒ€ν•΄ 머리λ₯Ό μ°’κ³  문제의 근원을 λ°œκ²¬ν•˜κ²Œλ˜μ–΄ κΈ°μ©λ‹ˆλ‹€.

jest-haste-map: <strong i="6">@providesModule</strong> naming collision:
  Duplicate module name: react-native
  Paths: /Users/${username}/Desktop/${appName}/node_modules/react-native-router-flux/node_modules/react-native/package.json collides with /Users/${username}/Desktop/${appName}/node_modules/react-native/package.json

This warning is caused by a <strong i="7">@providesModule</strong> declaration with the same name across two different files.
Failed to build DependencyGraph: <strong i="8">@providesModule</strong> naming collision:
  Duplicate module name: react-native-vector-icons
  Paths: /Users/${username}/Desktop/${appName}/node_modules/react-native/local-cli/core/__fixtures__/files/package.json collides with /Users/${username}/Desktop/${appName}/node_modules/react-native-router-flux/node_modules/react-native/local-cli/core/__fixtures__/files/package.json

This error is caused by a <strong i="9">@providesModule</strong> declaration with the same name across two different files.
Error: <strong i="10">@providesModule</strong> naming collision:
  Duplicate module name: react-native-vector-icons
  Paths: /Users/${username}/Desktop/${appName}/node_modules/react-native/local-cli/core/__fixtures__/files/package.json collides with /Users/${username}/Desktop/${appName}/node_modules/react-native-router-flux/node_modules/react-native/local-cli/core/__fixtures__/files/package.json

This error is caused by a <strong i="11">@providesModule</strong> declaration with the same name across two different files.
    at HasteMap._updateHasteMap (/Users/${username}/Desktop/${appName}/node_modules/react-native/packager/src/node-haste/DependencyGraph/HasteMap.js:158:13)
    at p.getName.then.name (/Users/${username}/Desktop/${appName}/node_modules/react-native/packager/src/node-haste/DependencyGraph/HasteMap.js:133:31)

λ‚΄ package.jsonμ—μ„œ react-native-router-flux λ₯Ό μ œκ±°ν•˜κ³  node_modulesλ₯Ό λ‹€μ‹œ μ„€μΉ˜ν•˜λ©΄ 였λ₯˜κ°€ λ°œμƒν•˜μ§€ μ•ŠμœΌλ―€λ‘œ ν™•μ‹€νžˆ react-native-router-flux μž…λ‹ˆλ‹€.

같은 문제

여기도 λ§ˆμ°¬κ°€μ§€μž…λ‹ˆλ‹€. νŒ¨ν‚€μ§€λ₯Ό μ—…λ°μ΄νŠΈν•˜μ„Έμš”.

그래, 이것도 λ‚΄ ν•˜λ£¨λ₯Ό 망치고 μžˆμ–΄. λΉ λ₯Έ ν•΄κ²° λ°©λ²•μœΌλ‘œ react-native-router-flux λ‚΄μ˜ node_modules ν΄λ”μ—μ„œ react-native의 μ†μž„μˆ˜λ₯Ό μ‚­μ œν•  수 μžˆμŠ΅λ‹ˆλ‹€. λͺ»μƒκ²Όμ§€λ§Œ 적어도 당뢄간은 정상 가동될 κ²ƒμž…λ‹ˆλ‹€.

+1

μ§€κΈˆμ€ 3.38.0을 λ‹€μ‹œ μ„€μΉ˜ν•˜μ‹­μ‹œμ˜€.
npm install --save [email protected]

λ‚΄κ°€ λ―ΏλŠ” 원사와 관련이 μ—†μŠ΅λ‹ˆλ‹€. npm으둜 μ„€μΉ˜ν•΄λ„ 같은 λ¬Έμ œκ°€ λ°œμƒν•˜κΈ° λ•Œλ¬Έμž…λ‹ˆλ‹€. λ‚΄ node_modules 폴더λ₯Ό μ‚­μ œν•˜κ³  npm μΊμ‹œλ₯Ό μ§€μ› μ§€λ§Œ λ¬Έμ œκ°€ μ§€μ†λ˜μ—ˆμŠ΅λ‹ˆλ‹€. ν˜„μž¬ λ‚˜λŠ” node_modules/react-native-router-flux/node_modules/react-native νŒ¨ν‚€μ§€λ₯Ό μ‚­μ œν•΄μ•Ό ν•˜λŠ” GitHub λ¬Έμ œμ—μ„œ 읽은 ν•΄κ²° 방법을 μ§„ν–‰ν–ˆμŠ΅λ‹ˆλ‹€. 이 λ¬Έμ œκ°€ 곧 ν•΄κ²°λ˜κΈ°λ₯Ό λ°”λžλ‹ˆλ‹€.

여기도 λ§ˆμ°¬κ°€μ§€

μˆ˜μ •μ„ 기닀리며 [email protected] 둜 λ‘€λ°±ν•©λ‹ˆλ‹€.

여기도 λ§ˆμ°¬κ°€μ§€

이것도 λ§ν–ˆμŠ΅λ‹ˆλ‹€. 3.38.0으둜 λ‘€λ°±ν•˜μ—¬ μˆ˜μ •λ¨

watchman watch-del-all
rm -rf node_modules && npm install
npm uninstall react-native-router-flux
npm install --save [email protected]
rm -fr $TMPDIR/react-*
npm cache clean
npm start -- --reset-cache

저와 λ™μΌν•˜κ²Œ μž‘λ™ν•˜λ €λ©΄ react-native-router-flux λ‚΄λΆ€μ˜ react-native 디렉토리λ₯Ό μˆ˜λ™μœΌλ‘œ μ œκ±°ν•΄μ•Ό ν–ˆμŠ΅λ‹ˆλ‹€.

λ„€, μˆ˜λ™μœΌλ‘œ 폴더λ₯Ό λ‘€λ°±ν•˜κ±°λ‚˜ μ œκ±°ν•˜μ‹­μ‹œμ˜€. ν•΄κ²° 방법에 κ°μ‚¬λ“œλ¦½λ‹ˆλ‹€.

λ‹€μŒ λ¦΄λ¦¬μŠ€μ—μ„œ λ¬Έμ œκ°€ ν•΄κ²°λ˜κΈ°λ₯Ό λ°”λžλ‹ˆλ‹€.

같은 문제, 해결을 λ„μ™€μ£Όμ„Έμš”

3.38.0으둜 λ‘€λ°±ν•˜λ©΄ λ¬Έμ œκ°€ ν•΄κ²°λ˜μ—ˆμŠ΅λ‹ˆλ‹€. κ°μ‚¬ν•©λ‹ˆλ‹€!

여기도 λ§ˆμ°¬κ°€μ§€μž…λ‹ˆλ‹€. 3.38.0으둜 λŒμ•„κ°€μ„œ μˆ˜μ •ν–ˆμŠ΅λ‹ˆλ‹€. κ°μ‚¬ν•©λ‹ˆλ‹€!

+1

감사!

μƒ΄νŽ˜μΈμ„ μ€€λΉ„ν•˜κ² μŠ΅λ‹ˆλ‹€!

λ™μΌν•œ 문제, 3.38.0으둜 λ‘€λ°± 해결됨

v0.38.0 으둜 λ‘€λ°±ν•˜κ±°λ‚˜ react-native-router-flux/node_modules/ λ‚΄λΆ€μ˜ react-native 폴더λ₯Ό μ‚­μ œν•˜κ³  react -native-router-flux/node_modules/.bin/ λ‚΄λΆ€μ˜ react-native에 λŒ€ν•œ 심볼릭 링크도 μ‚­μ œν•˜λ©΄ λ©λ‹ˆλ‹€. μ§€κΈˆ.

νŽΈμ˜μƒ μœ„ λ‚΄μš©μ„ 볡사&λΆ™μ—¬λ„£κΈ° ν•˜μ„Έμš” πŸ˜„

watchman watch-del-all && rm -rf node_modules && npm install && npm uninstall react-native-router-flux && npm install --save [email protected] && rm -fr $TMPDIR/react-* && npm cache clean && npm start -- --reset-cache 

μ§€κΈˆ λ§‰ν˜”μ–΄μš”, κ°μ‚¬ν•©λ‹ˆλ‹€

+1

λ‚˜λ₯Ό μœ„ν•΄ μΌν•œ 것은 λ‹€μŒ μˆœμ„œμ˜€μŠ΅λ‹ˆλ‹€.

watchman watch-del-all
rm -rf node_modules && npm μ„€μΉ˜
npm 제거 react-native-router-flux
npm install --save [email protected]
rm -fr $TMPDIR/λ°˜μ‘-*
npm μΊμ‹œ 정리
npm install [email protected] μ €μž₯
npm μ‹œμž‘ -- --reset-cache

μœ„μ˜ λͺ¨λ“  단계λ₯Ό μ‹œλ„ν–ˆμ§€λ§Œ 였λ₯˜κ°€ μ‚¬λΌμ‘Œμ§€λ§Œ λΌμš°ν„°κ°€ ꡬ성 μš”μ†Œλ₯Ό λ Œλ”λ§ν•˜μ§€ μ•Šκ³  μž₯면이 λ Œλ”λ§λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€. μ œλŒ€λ‘œ κ°€μ Έμ˜€κ³  μžˆλŠ”μ§€ λ‹€μ‹œ ν™•μΈν•˜κ³  . 이유λ₯Ό λͺ¨λ₯΄κ² λ‹€

λͺ…령쀄 μˆ˜μ •μ„ μ‹œλ„ν–ˆλŠ”λ° 였λ₯˜ 없이 λΉŒλ“œκ°€ μž‘λ™ν–ˆμ§€λ§Œ jest둜 λ‹¨μœ„ ν…ŒμŠ€νŠΈλ₯Ό μ‹€ν–‰ν•  λ•Œ react-native-router-flux ν΄λ”μ—μ„œ node_module 폴더λ₯Ό 찾을 수 μ—†λ‹€λŠ” λΆˆν‰μ΄ μžˆμŠ΅λ‹ˆλ‹€. jestκ°€ μ—¬μ „νžˆ 이 폴더에 λŒ€ν•œ μ°Έμ‘°λ₯Ό μ–»κ³  μžˆλŠ” 것 κ°™μŠ΅λ‹ˆλ‹€ :(
Jestκ°€ 이것을 μ–΄λ””μ—μ„œ μ°Έμ‘°ν–ˆλŠ”μ§€ μ•„λŠ” μ‚¬λžŒμ΄ μžˆμŠ΅λ‹ˆκΉŒ?
ENOENT: no such file or directory, stat '/{projectDirectory}/node_modules/react-native-router-flux/node_modules/react-native/Libraries/Core/ErrorUtils.js

@geecurve λŠ” λ™μΌν•œ 였λ₯˜κ°€ λ°œμƒν–ˆκ³  npm cache clean , yarn cache clean , 심지어 rm -rf node_modules 도 μž‘λ™ν•˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€. μ›λž˜ ν”„λ‘œμ νŠΈ 디렉토리가 μ£½μ—ˆλ‹€λŠ” 것을 μ•Œκ²Œλ˜μ–΄ μž‘μ€ μΌ€μ΄μŠ€λ‘œ μƒˆ 디렉토리λ₯Ό λ§Œλ“€μ—ˆμŠ΅λ‹ˆλ‹€. yarn install λ₯Ό μ‹€ν–‰ν•˜κ³  ν”„λ‘œμ νŠΈλ₯Ό λΉŒλ“œν•˜κ³  ν…ŒμŠ€νŠΈν•  μ€€λΉ„κ°€ λ˜μ—ˆμŠ΅λ‹ˆλ‹€.

@prtkkmrsngh /node_modules/react-native-router-flux μ•ˆμ˜ react-native 폴더λ₯Ό μ‚­μ œν•˜μ…¨λ‚˜μš”? λ˜λŠ” react-native-router-flux 3.38.0 (으)둜 λ˜λŒλ¦¬μ„Έμš”?

@MattyK14 λŠ” 3.38.0으둜 되돌리고 RN을 0.44둜 μ—…κ·Έλ ˆμ΄λ“œν–ˆμŠ΅λ‹ˆλ‹€.

제발 μ–˜λ“€μ•„
이 였λ₯˜λ₯Ό μ–΄λ–»κ²Œ ν•΄κ²°ν•  수 μžˆμŠ΅λ‹ˆκΉŒ?

image

[email protected]
β”œβ”€β”€ λ‘œλ‹€μ‰¬. 동등@4.5.0
β”œβ”€β”€ λ―ΈμΆ©μ‘± λ™λ£Œ μ˜μ‘΄μ„± [email protected]
β”œβ”€β”€ [email protected]
β”œβ”€β”¬ [email protected]
β”‚ └── [email protected]
β”œβ”€β”¬ [email protected]
β”‚ └─┬ [email protected]
β”‚ β”œβ”€β”¬ [email protected]
β”‚ β”‚ └── [email protected]
β”‚ └── λ©€ν‹° 맀치@2.1.0
β”œβ”€β”¬ [email protected]
β”‚ └── μ§‘κ²Œ @1.0.1
└── [email protected]

@nazaslater λŠ” 버전을 "react-native-router-flux"둜 μˆ˜μ •ν•©λ‹ˆλ‹€: "3.38.0", 3.38.1이 μžˆμŠ΅λ‹ˆλ‹€.

@Tonacatecuhtli κ°μ‚¬ν•©λ‹ˆλ‹€.

ν•œ 달이 μ§€λ‚¬μŠ΅λ‹ˆλ‹€. 이 버그λ₯Ό 끝낼 수 μžˆλŠ” μž‘μ€ μˆ˜μ •μ„ ν•  κΈ°νšŒκ°€ μžˆμŠ΅λ‹ˆκΉŒ?

@aksonov 문제λ₯Ό ν•΄κ²°ν•˜μ‹­μ‹œμ˜€. 3.39.2

πŸ˜₯

@abdurrahmanekr @asokol 이것을 npm에 κ²Œμ‹œν•  수 μžˆμŠ΅λ‹ˆκΉŒ? μ΅œμ‹  https://www.npmjs.com/package/react-native-router-flux 둜 μ—¬μ „νžˆ 3.39.1을 ν‘œμ‹œν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

μ§€κΈˆμ€ 3.39.2μž…λ‹ˆλ‹€

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