React-native-router-flux: react-native-router-flux ์„ค์น˜ ํ›„ @providesModule ๋ช…๋ช… ์ถฉ๋Œ ์˜ค๋ฅ˜

์— ๋งŒ๋“  2017๋…„ 04์›” 24์ผ  ยท  32์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: aksonov/react-native-router-flux

๋ฒ„์ „

  • ๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ๋ผ์šฐํ„ฐ ํ”Œ๋Ÿญ์Šค v3.38.1
  • ๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ v0.43.4

๋‹ค์Œ์€ ์ฝ˜์†” ๋กœ๊ทธ์ž…๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—์„œ ์กฐ์น˜๋ฅผ ์ทจํ•˜๊ธฐ ์œ„ํ•œ ์ œ์•ˆ ์‚ฌํ•ญ์ด ์žˆ์Šต๋‹ˆ๊นŒ?

Loading dependency graph...
React packager ready.

jest-haste-map: <strong i="10">@providesModule</strong> naming collision:
  Duplicate module name: react-native
  Paths: /Users/fuatsengul/repo/rn/app/mobile4teog/node_modules/react-native/package.json collides with /Users/fuatsengul/repo/rn/app/mobile4teog/node_modules/react-native-router-flux/node_modules/react-native/package.json

This warning is caused by a <strong i="11">@providesModule</strong> declaration with the same name across two different files.
Failed to build DependencyGraph: <strong i="12">@providesModule</strong> naming collision:
  Duplicate module name: react-native-vector-icons
  Paths: /Users/fuatsengul/repo/rn/app/mobile4teog/node_modules/react-native/local-cli/core/__fixtures__/files/package.json collides with /Users/fuatsengul/repo/rn/app/mobile4teog/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="13">@providesModule</strong> declaration with the same name across two different files.
Error: <strong i="14">@providesModule</strong> naming collision:
  Duplicate module name: react-native-vector-icons
  Paths: /Users/fuatsengul/repo/rn/app/mobile4teog/node_modules/react-native/local-cli/core/__fixtures__/files/package.json collides with /Users/fuatsengul/repo/rn/app/mobile4teog/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="15">@providesModule</strong> declaration with the same name across two different files.
    at HasteMap._updateHasteMap (/Users/fuatsengul/repo/rn/app/mobile4teog/node_modules/react-native/packager/src/node-haste/DependencyGraph/HasteMap.js:159:13)
    at p.getName.then.name (/Users/fuatsengul/repo/rn/app/mobile4teog/node_modules/react-native/packager/src/node-haste/DependencyGraph/HasteMap.js:134:31)
~
Process terminated. Press <enter> to close the window

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๋™์ผํ•œ ๋ฌธ์ œ, ์ด์ „ ๋ฒ„์ „์œผ๋กœ ๋กค๋ฐฑํ•˜๋ฉด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.
yarn add [email protected]

๋ชจ๋“  32 ๋Œ“๊ธ€

๋™์ผํ•œ ๋ฌธ์ œ, ์ด์ „ ๋ฒ„์ „์œผ๋กœ ๋กค๋ฐฑํ•˜๋ฉด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.
yarn add [email protected]

์ƒˆ๋กœ์šด RN ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•œ๋‹ค๋ฉด React Navigation์„ ๋” ์ž˜ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

RN .43์€ React 16.0 Alpha๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  react-native-router-flux๋Š” react 15.5๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๊นŒ?

@sporteman ์€ ๋‹ค์Œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

    "react": "16.0.0-alpha.6",
    "react-addons-pure-render-mixin": "15.5.2",
    "react-native": "0.43.3",
    "react-native-router-flux": "3.38.0",
    "react-static-container": "^1.0.1",

์™„๋ฒฝํ•œ! ๊ทธ๊ฒƒ์€ ๋งค๋ ฅ์ฒ˜๋Ÿผ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค! @diegorodriguesvieira ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค

"react-native-router-flux": "3.38.0"์œผ๋กœ ๋˜๋Œ๋ฆฌ๋ฉด ์ €์—๊ฒŒ ํšจ๊ณผ์ ์ž…๋‹ˆ๋‹ค. @diegorodriguesvieira ๊ฐ์‚ฌ

@diegorodriguesvieira ์ž˜ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!!
์ด ์†”๋ฃจ์…˜์„ ์–ด๋–ป๊ฒŒ ์ฐพ์•˜์Šต๋‹ˆ๊นŒ?

์—ฌ๊ธฐ์—์„œ๋„ ๋™์ผํ•œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ–ˆ์œผ๋ฉฐ ์ž‘๋™ํ•˜๋ ค๋ฉด ๋ฒ„์ „ 3.38.0์„ ์‚ฌ์šฉํ•ด์•ผ ํ–ˆ์Šต๋‹ˆ๋‹ค.

๋‚˜๋Š” ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์ง€๋งŒ ๋‹ค์Œ ๋‹จ๊ณ„์— ๋”ฐ๋ผ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค.

  • react-native-router-flux๊ฐ€ ์˜ˆ์ œ ํ”„๋กœ์ ํŠธ์˜ package.json ์ข…์†์„ฑ์—์„œ ์ œ๊ฑฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
  • Example ํ”„๋กœ์ ํŠธ์—์„œ package.json์˜ ์ข…์†์„ฑ์ด ์žˆ๋Š” ๊ธฐํƒ€ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๋Š” npm i ๋ช…๋ น์–ด๋กœ ์„ค์น˜๋ฉ๋‹ˆ๋‹ค.
  • ๊ทธ ํ›„ npm i [email protected] --save react-native-router-flux ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ๊ฐ€ ์„ค์น˜๋ฉ๋‹ˆ๋‹ค.
  • ํ”„๋กœ์ ํŠธ๊ฐ€ ์—ฌ์ „ํžˆ ์ž‘๋™ํ•˜์ง€ ์•Š์œผ๋ฉด ํ„ฐ๋ฏธ๋„์—์„œ npm cache clean ๋ช…๋ น์„ ์‹คํ–‰ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋‹ค์Œ ๋‹จ๊ณ„์— ๋”ฐ๋ผ react-native-router-flux ํ”„๋กœ์ ํŠธ์—์„œ ์˜ˆ์ œ ํ”„๋กœ์ ํŠธ๋ฅผ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์ด ๋„์›€์ด ๋˜๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค.

@dcolin ์€ react-native ๋“ฑ์˜ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜๋ฉฐ, redux์™€ react-native-router-flux๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ atm ํ”„๋กœ๋•์…˜ ์•ฑ์„ ๋งŒ๋“ค๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๋‚ด๋น„๊ฒŒ์ดํ„ฐ๊ฐ€ ์‚ฌ์šฉํ•˜๊ธฐ์— ์ถฉ๋ถ„ํžˆ ์„ฑ์ˆ™ํ–ˆ์œผ๋ฉฐ redux๋กœ ํ•  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ๊ณผ ๊ฐ™์€ ์ผ์„ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

๋ฒ ํƒ€ 7 RN์€ ๋™์ผํ•œ ๋ฌธ์ œ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ตœ์‹  ๋ฒ„์ „์˜ React๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒฝ์šฐ ๋ฒ ํƒ€ 8์„ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

@yasemincidem ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค - ๊ท€ํ•˜์˜ ์ œ์•ˆ์ด ํšจ๊ณผ๊ฐ€

์ด ์ค‘ ๋„์›€์ด ๋˜์ง€ ์•Š์œผ๋ฉด node_modules/react-native-router-flux/node_modules/react-native ํด๋”๋ฅผ ์‚ญ์ œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
๊ทธ๋Ÿฌ๋‚˜ ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ์ตœ์•…์˜ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค!

๋‹ค๋ฅธ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ๋…ธ๋“œ ๋ชจ๋“ˆ์„ ๋‹ค์‹œ ์„ค์น˜ํ•œ ๋‹ค์Œ ์ด๊ฒƒ์„ ์น˜๊ณ  ์ด์ œ Pod ๋ฐ React-native๋กœ ๋‹ค๋ฅธ ๋ฌธ์ œ๋กœ ๋Œ์•„๊ฐ‘๋‹ˆ๋‹ค.

:/

๋ณด๋‹ค ์•ˆ์ •์ ์ธ react-native-router-flux ๋ฒ„์ „์ด ๋‚˜์˜ฌ ๋•Œ๊นŒ์ง€ RN .43๊ณผ ํ•จ๊ป˜ ํ˜„์žฌ ๋ฒ„์ „์˜ react-native-router-flux๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.

+1

@provides NameOfModule์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์—ˆ๋‹ค๋ฉด ์ด์ œ @providesModule๋กœ ์ „ํ™˜ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.
https://github.com/facebook/react-native/releases/tag/v0.44.0

@iegik ๋‚˜๋Š” 0.44.0 .
[email protected] ์— ์—ฌ์ „ํžˆ ๋ฒ„๊ทธ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.
๋ฐฉ๊ธˆ [email protected] ๋‹ค์šด๊ทธ๋ ˆ์ด๋“œํ–ˆ๋Š”๋ฐ ๋งค๋ ฅ์ฒ˜๋Ÿผ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

btw, ๋‚˜๋Š” ์นด๋ฉ”๋ผ ๊ตฌ์„ฑ ์š”์†Œ์™€ ๋น„์Šทํ•œ ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ๊ณ  ๋ชจ๋“  ๋ฒ„์ „์—์„œ ๋‚˜์—๊ฒŒ ์ด๊ฒƒ์„ ๋ณด์—ฌ์ฃผ์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ‘์ž๊ธฐ podfile์— ๊ธ€๋กœ๋ฒŒ ํ”Œ๋žซํผ์„ ์ถ”๊ฐ€ํ–ˆ์Šต๋‹ˆ๋‹ค. platform :ios, '9.0'
[email protected] ์ œ์™ธํ•œ ๋ชจ๋“  ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋œ ๊ฒฝ์šฐ

๋‹ค๋ฅธ ios ๋ฒ„์ „์„ ํ…Œ์ŠคํŠธํ•˜์—ฌ 3.38.1 ์™€ ํ˜ธํ™˜๋˜๋Š”์ง€ ํ™•์ธํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

react-native-router-flux์˜ ๋‹ค์Œ ๋ฒ„์ „์ด ์–ธ์ œ ๋‚˜์˜ฌ์ง€ ์•„์‹ญ๋‹ˆ๊นŒ? @andkhong

์ด๊ฒƒ์€ ์—ฌ์ „ํžˆ โ€‹โ€‹react-native-router-flux v0.39.1 ๋ฐ react-native v0.43.3์˜ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค.

@hafizali05 ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค...
๋‹ค์Œ ๊ฒฝ๋กœ์—์„œ react-native ์‚ญ์ œ:

ProjectName > node_modules > react-native-router-flux > node_modules > react-native

์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค ...ํ•˜์ง€๋งŒ ์ด๊ฒƒ์€ ์ˆ˜์ •๋˜์–ด์•ผํ•ฉ๋‹ˆ๋‹ค ...

+1

+1
์—ฌ์ „ํžˆ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค
"๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ": "0.44.2"
"๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ๋ผ์šฐํ„ฐ ํ”Œ๋Ÿญ์Šค": "3.39.2"

+1

๋ชจ๋“  node_modules๋ฅผ ์ œ๊ฑฐํ•˜๊ณ  ๋‹ค์‹œ ์‹คํ–‰ํ•˜์‹ญ์‹œ์˜ค.

๋ชจ๋“  node_modules๋ฅผ ์ œ๊ฑฐํ•˜๊ณ  ๋‹ค์‹œ ์‹คํ–‰ํ•˜๋ฉด ์ž‘๋™ํ•˜์ง€ ์•Š์ง€๋งŒ
rm -r node_modules/react-native-video/node_modules/react-native-windows/ ์ž‘๋™

@diegorodriguesvieira
์ฃ„์†กํ•ฉ๋‹ˆ๋‹ค, ์—ฌ๊ธฐ ๋ฉ์ฒญ์ด ... ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์„ ์–ด๋–ป๊ฒŒ ๊ตฌํ˜„ํ•ฉ๋‹ˆ๊นŒ?

์˜ˆ์ „์—๋Š” ํŒจํ‚ค์ง€ ๋‚ด์—์„œ ์ค‘๋ณต๋œ react_native ์„ ์–ธ์„ ์ œ๊ฑฐํ•˜๊ธฐ ์œ„ํ•ด bash๋กœ ์‹œ์ž‘ ์Šคํฌ๋ฆฝํŠธ๋ฅผ ๋งŒ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ ์ดํ›„๋กœ ์ตœ์‹  ๋ฒ„์ „์œผ๋กœ ์—…๊ทธ๋ ˆ์ด๋“œํ–ˆ์ง€๋งŒ(๋งค์šฐ ๊ถŒ์žฅ๋จ) ์ถฉ๋Œ์„ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐ 2์ฃผ๊ฐ€ ๊ฑธ๋ ธ์ง€๋งŒ ๊ทธ๋งŒํ•œ ๊ฐ€์น˜๊ฐ€ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

์‹œ์ž‘ ์Šคํฌ๋ฆฝํŠธ๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์•˜์Šต๋‹ˆ๋‹ค. (router-flux ๋‚ด์—์„œ node_modules์˜ ๊ฒฝ๋กœ๋ฅผ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค.)
์›์‚ฌ ์„ค์น˜ && rm -rf ./node_modules/react-native-router-flux/node_modules/react-native

react-native-router-flux์— node_modules ํด๋”๊ฐ€ ์—†์œผ๋ฉด ์–ด๋–ป๊ฒŒ ํ•ฉ๋‹ˆ๊นŒ?

node_modules/ ๋‚ด๋ถ€์˜ ์ค‘๋ณต ํŒจํ‚ค์ง€์™€ ํŒจํ‚ค์ง€ ๋‚ด๋ถ€์˜ ์ค‘์ฒฉ๋œ node_modules๋ฅผ ์ฐพ์œผ์‹ญ์‹œ์˜ค.

๋กœ์ปฌ์—์„œ ๋ชจ๋“ˆ์„ ๊ฐœ๋ฐœํ•  ๋•Œ react , react-native ๋ฐ react-navigation ์™€ ๊ฐ™์€ ํŒจํ‚ค์ง€๋ฅผ ์ œ๊ฑฐํ•ด์•ผ ํ•˜๋Š” ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰