React-native: ์˜ค๋ฅ˜: ``์—์„œ `./debugger-ui/debuggerWorker.cff11639.js` ๋ชจ๋“ˆ์„ ํ™•์ธํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2020๋…„ 05์›” 06์ผ  ยท  137์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: facebook/react-native

์š”์ฒญ๋œ ๋ชจ๋“  ์ •๋ณด๋ฅผ ์ œ๊ณตํ•˜์‹ญ์‹œ์˜ค. ์ด ํ˜•์‹์„ ๋”ฐ๋ฅด์ง€ ์•Š๋Š” ๋ฌธ์ œ๋Š” ์ค‘๋‹จ๋  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์„ค๋ช…

๋ฒ„๊ทธ๊ฐ€ ๋ฌด์—‡์ธ์ง€ ๋ช…ํ™•ํ•˜๊ณ  ๊ฐ„๊ฒฐํ•˜๊ฒŒ ์„ค๋ช…ํ•ด์ฃผ์„ธ์š”. ํ•„์š”ํ•œ ๊ฒฝ์šฐ ์Šคํฌ๋ฆฐ์ƒท์„ ํฌํ•จํ•ฉ๋‹ˆ๋‹ค.
์ตœ์‹  React Native ๋ฆด๋ฆฌ์Šค๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ํ…Œ์ŠคํŠธํ•˜์—ฌ ๋ฌธ์ œ๊ฐ€ ์•„์ง ํ•ด๊ฒฐ๋˜์ง€ ์•Š์•˜๋Š”์ง€ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค: https://reactnative.dev/docs/upgrading.html

๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ ๋ฒ„์ „:

npx react-native info
info Fetching system and libraries information...
System:
    OS: macOS 10.15.4
    CPU: (12) x64 Intel(R) Core(TM) i9-8950HK CPU @ 2.90GHz
    Memory: 43.02 MB / 32.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 14.1.0 - /usr/local/bin/node
    Yarn: 1.10.1 - /usr/local/bin/yarn
    npm: 6.14.4 - /usr/local/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.9.1 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: iOS 13.4, DriverKit 19.0, macOS 10.15, tvOS 13.4, watchOS 6.2
    Android SDK:
      API Levels: 26, 27, 28, 29
      Build Tools: 26.0.2, 27.0.3, 28.0.3, 29.0.1, 29.0.2
      System Images: android-23 | Google APIs Intel x86 Atom_64, android-28 | Google APIs Intel x86 Atom, android-28 | Google Play Intel x86 Atom, android-29 | Google Play Intel x86 Atom
      Android NDK: Not Found
  IDEs:
    Android Studio: 3.6 AI-192.7142.36.36.6392135
    Xcode: 11.4.1/11E503a - /usr/bin/xcodebuild
  Languages:
    Java: 1.8.0_211 - /usr/bin/javac
    Python: 2.7.17 - /usr/local/bin/python
  npmPackages:
    @react-native-community/cli: Not Found
    react: 16.11.0 => 16.11.0 
    react-native: 0.62.2 => 0.62.2 
  npmGlobalPackages:
    *react-native*: Not Found

๋ฒˆ์‹ ๋‹จ๊ณ„

๋ฌธ์ œ๋ฅผ ์žฌํ˜„ํ•˜๋Š” ์ž์„ธํ•œ ๋‹จ๊ณ„ ๋ชฉ๋ก์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

  1. npx react-native init Blah --template react-native-template-typescript
  2. npx react-native start
  3. npx react-native run-android
  4. ๋””๋ฒ„๊ทธ ๋ชจ๋“œ๋ฅผ ์‚ฌ์šฉํ•˜๋„๋ก ์•ฑ์— ์ง€์‹œ
  5. ์˜ˆ์™ธ ์ฐธ์กฐ:
Error: Unable to resolve module `./debugger-ui/debuggerWorker.cff11639.js` from ``: 

None of these files exist:
  * debugger-ui/debuggerWorker.cff11639.js(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
  * debugger-ui/debuggerWorker.cff11639.js/index(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
    at ModuleResolver.resolveDependency (/Users/scott.pierce/workspace/test/example/example-react-native/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:163:15)
    at ResolutionRequest.resolveDependency (/Users/scott.pierce/workspace/test/example/example-react-native/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:52:18)
    at DependencyGraph.resolveDependency (/Users/scott.pierce/workspace/test/example/example-react-native/node_modules/metro/src/node-haste/DependencyGraph.js:287:16)
    at /Users/scott.pierce/workspace/test/example/example-react-native/node_modules/metro/src/lib/transformHelpers.js:267:42
    at Server.<anonymous> (/Users/scott.pierce/workspace/test/example/example-react-native/node_modules/metro/src/Server.js:841:41)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (/Users/scott.pierce/workspace/test/example/example-react-native/node_modules/metro/src/Server.js:99:24)
    at _next (/Users/scott.pierce/workspace/test/example/example-react-native/node_modules/metro/src/Server.js:119:9)

์˜ˆ์ƒ ๊ฒฐ๊ณผ

์ด ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

DX Author Feedback Repro ๐Ÿ“ฆBundler

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

Chrome์—์„œ React ๋””๋ฒ„๊ฑฐ ํƒญ์„ ํ•˜๋“œ ์ƒˆ๋กœ๊ณ ์นจ(shift + ์ƒˆ๋กœ ๊ณ ์นจ)ํ•œ ๋‹ค์Œ ๊ฒ€์‚ฌ๊ธฐ์—์„œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ฐ์ดํ„ฐ๋ฅผ ์ง€์šด ๋‹ค์Œ ๋งˆ์ง€๋ง‰์œผ๋กœ bash(npm start)์—์„œ ๊ธฐ๋ณธ ๋ฒˆ๋“ค๋Ÿฌ ์Šค๋ ˆ๋“œ๋ฅผ ๋‹ค์‹œ ์‹œ์ž‘ํ•˜์—ฌ ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

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

๋””๋ฒ„๊ทธ ๋ชจ๋“œ์—์„œ ์‹คํ–‰ํ•  ๋•Œ๋„ ๋™์ผํ•œ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

๋™์ผํ•œ ๋ฌธ์ œ "๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ": "0.62.2",

๋™์ผํ•œ ๋ฌธ์ œ "๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ": "0.62.2",

๊ฐ™์€

๊ฐ™์€ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค.

๋‚ด React ๋ฒ„์ „:

"๋ฐ˜์‘": "16.11.0",
"๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ": "0.62.2"

์–ด๋–ค ํ•ด๊ฒฐ์ฑ…์ด ์žˆ์Šต๋‹ˆ๊นŒ?

๋‚˜๋Š” ๊ทธ๊ฒƒ์ด react-native-config ์™€ ๊ฐ™์€ ๊ฒƒ์ด๋ผ๊ณ  ๋ฏฟ์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์— ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

    "react": "16.11.0",
    "react-native": "0.62.2",
    "react-native-config": "^1.2.0",

@jmlavoier ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์ง€๋งŒ react-native-config ์‚ฌ์šฉํ•˜์ง€ ๋งˆ์‹ญ์‹œ์˜ค.

"react": "16.11.0",
"react-native": "0.62.2",

๋™์ผํ•œ ๋ฌธ์ œ "๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ": "0.62.2",

๊ฐ™์€

https://reactnavigation.org/docs/troubleshooting/#app -is-not-working-properly-when-connected-to-chrome-debugger

๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

    "react": "16.11.0",
    "react-native": "0.62.2",

@imamrobani ๋งํฌ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋˜์ง€ ์•Š์Šต๋‹ˆ๊นŒ?

๋ฌธ์ œ๋Š” Chrome๊ณผ ๊ด€๋ จ์ด ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ด์ „ ๋ฒ„์ „์˜ React-Native์—๋Š” ์—†์—ˆ์Šต๋‹ˆ๋‹ค.

์—ฌ๊ธฐ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์ž…๋‹ˆ๋‹ค. ์˜ค๋Š˜ ๋ฐค ์ž‘๋™์„ ๋ฉˆ์ถ˜ ๊ฒƒ์ด ์ด์ƒํ•ฉ๋‹ˆ๋‹ค.
์ ์–ด๋„ Android ๊ธฐ๊ธฐ์—์„œ๋Š” onPress๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ TouchableOpacity ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ๋ˆ„๋ฅด๋Š” ๊ฒƒ์„ ํ—ˆ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ฒ˜์Œ์œผ๋กœ ์ž‘๋™ํ•˜๋Š” ๊ฒƒ ๊ฐ™์œผ๋ฉฐ ๋‚ด ์•ฑ์˜ ์ผ๋ถ€ ์ƒํ˜ธ ์ž‘์šฉ์ด ํ•œ ๋ฒˆ ์ž‘๋™ํ•˜์ง€๋งŒ ์ž‘๋™์„ ๋ฉˆ์ถฅ๋‹ˆ๋‹ค.

โฏ react-native info
info Fetching system and libraries information...
System:
    OS: macOS 10.15.3
    CPU: (8) x64 Intel(R) Core(TM) i5-8257U CPU @ 1.40GHz
    Memory: 17.99 MB / 8.00 GB
    Shell: 5.7.1 - /bin/zsh
  Binaries:
    Node: 13.7.0 - ~/.nvm/versions/node/v13.7.0/bin/node
    Yarn: 1.21.1 - /usr/local/bin/yarn
    npm: 6.13.6 - ~/.nvm/versions/node/v13.7.0/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.9.1 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1
    Android SDK:
      API Levels: 27, 28
      Build Tools: 27.0.3, 28.0.3
      Android NDK: Not Found
  IDEs:
    Android Studio: Not Found
    Xcode: 11.3.1/11C504 - /usr/bin/xcodebuild
  Languages:
    Java: 1.8.0_231 - /usr/bin/javac
    Python: 2.7.16 - /usr/bin/python
  npmPackages:
    @react-native-community/cli: Not Found
    react: 16.11.0 => 16.11.0 
    react-native: 0.62.2 => 0.62.2 
  npmGlobalPackages:
    *react-native*: Not Found

๋‚ด ๊ธฐ๊ธฐ์—์„œ ์•ฑ์„ ์™„์ „ํžˆ ์ œ๊ฑฐํ•˜๊ณ  ์˜ค๋ฅ˜ ์—†์ด ๋‹ค์‹œ ์ž‘๋™ํ•˜๋„๋ก ์„ค์ •ํ–ˆ์Šต๋‹ˆ๋‹ค ๐Ÿค”(Android ๊ธฐ๊ธฐ)

@imamrobani ๋งํฌ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋˜์ง€ ์•Š์Šต๋‹ˆ๊นŒ?

๋ฌธ์ œ๋Š” Chrome๊ณผ ๊ด€๋ จ์ด ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ด์ „ ๋ฒ„์ „์˜ React-Native์—๋Š” ์—†์—ˆ์Šต๋‹ˆ๋‹ค.

๋‚ด ๊ฒฝ์šฐ์—๋Š” ๋‚ด๊ฐ€ ์‚ฌ์šฉ

"๋ฐ˜์‘": "16.11.0",
"๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ": "0.62.2",
"๋ฐ˜์‘ ํƒ์ƒ‰": "^4.0.10"

๋ฌธ์ œ๋Š” ๋‚ด ์•ฑ์ด ๋‹ค๋ฅธ ํ™”๋ฉด์œผ๋กœ ์ด๋™ํ•  ์ˆ˜ ์—†๋Š” ๋””๋ฒ„๊น… ๋ชจ๋“œ์—์„œ ์‹ค์ œ ์žฅ์น˜๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์‚ฌ์šฉ ์—๋ฎฌ๋ ˆ์ดํ„ฐ๊ฐ€ ์ž˜ ์‹คํ–‰๋˜๋Š” ๊ฒฝ์šฐ.
๋ฌธ์ œ๊ฐ€ ์–ด๋””์— ์žˆ๋Š”์ง€ ์•„๋Š” ์‚ฌ๋žŒ์ด ์žˆ์Šต๋‹ˆ๊นŒ?

์ด์ „์—๋Š” ๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ 0.61์„ ์ž˜ ์‚ฌ์šฉํ–ˆ์Šต๋‹ˆ๋‹ค.

bash์—์„œ chrome์œผ๋กœ ๋””๋ฒ„๊น…์„ ์ „ํ™˜ํ•  ๋•Œ๋งˆ๋‹ค ๋ฐœ์ƒํ•˜๋ฉฐ Metro ๋ฒˆ๋“ค๋Ÿฌ์— ๋กœ๊ทธ๊ฐ€ ํ‘œ์‹œ๋˜๊ณ  rn ๋ฉ”๋‰ด์—์„œ debug ๋ฅผ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

ํŽธ์ง‘ํ•˜๋‹ค:
๊ธฐ๋ณธ์ ์œผ๋กœ ํฌ๋กฌ์ด ์•„๋‹Œ ๋ฉ”ํŠธ๋กœ ๋ฒˆ๋“ค๋Ÿฌ๋ฅผ ์‚ฌ์šฉํ•˜๋„๋ก ๊ฐ•์ œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค .
๋ฉ”๋‰ด์—์„œ ์•ฑ์„ ๋””๋ฒ„๊ทธ ๋ชจ๋“œ๋กœ ์„ค์ •ํ•˜๋ฉด javascript ๋กœ๊ทธ๊ฐ€ ๋ธŒ๋ผ์šฐ์ € ์ฝ˜์†”๋กœ ์ด๋™ํ•  ๋•Œ ์ด ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

Error: Unable to resolve module `./debugger-ui/debuggerWorker.cff11639.js` from ``: 

None of these files exist:
  * debugger-ui/debuggerWorker.cff11639.js(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
  * debugger-ui/debuggerWorker.cff11639.js/index(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
    at ModuleResolver.resolveDependency (/Users/henriquederosa/dev/myapp/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:163:15)
    at ResolutionRequest.resolveDependency (/Users/henriquederosa/dev/myapp/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:52:18)
    at DependencyGraph.resolveDependency (/Users/henriquederosa/dev/myapp/node_modules/metro/src/node-haste/DependencyGraph.js:287:16)
    at /Users/henriquederosa/dev/myapp/node_modules/metro/src/lib/transformHelpers.js:267:42
    at Server.<anonymous> (/Users/henriquederosa/dev/myapp/node_modules/metro/src/Server.js:841:41)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (/Users/henriquederosa/dev/myapp/node_modules/metro/src/Server.js:99:24)
    at _next (/Users/henriquederosa/dev/myapp/node_modules/metro/src/Server.js:119:9

bash์—์„œ chrome์œผ๋กœ ๋””๋ฒ„๊น…์„ ์ „ํ™˜ํ•  ๋•Œ๋งˆ๋‹ค ๋ฐœ์ƒํ•˜๋ฉฐ Metro ๋ฒˆ๋“ค๋Ÿฌ์— ๋กœ๊ทธ๊ฐ€ ํ‘œ์‹œ๋˜๊ณ  rn ๋ฉ”๋‰ด์—์„œ debug ๋ฅผ ํด๋ฆญํ•ฉ๋‹ˆ๋‹ค.

ํŽธ์ง‘ํ•˜๋‹ค:
๊ธฐ๋ณธ์ ์œผ๋กœ ํฌ๋กฌ์ด ์•„๋‹Œ ๋ฉ”ํŠธ๋กœ ๋ฒˆ๋“ค๋Ÿฌ๋ฅผ ์‚ฌ์šฉํ•˜๋„๋ก ๊ฐ•์ œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค .
๋ฉ”๋‰ด์—์„œ ์•ฑ์„ ๋””๋ฒ„๊ทธ ๋ชจ๋“œ๋กœ ์„ค์ •ํ•˜๋ฉด javascript ๋กœ๊ทธ๊ฐ€ ๋ธŒ๋ผ์šฐ์ € ์ฝ˜์†”๋กœ ์ด๋™ํ•  ๋•Œ ์ด ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

Error: Unable to resolve module `./debugger-ui/debuggerWorker.cff11639.js` from ``: 

None of these files exist:
  * debugger-ui/debuggerWorker.cff11639.js(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
  * debugger-ui/debuggerWorker.cff11639.js/index(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
    at ModuleResolver.resolveDependency (/Users/henriquederosa/dev/myapp/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:163:15)
    at ResolutionRequest.resolveDependency (/Users/henriquederosa/dev/myapp/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:52:18)
    at DependencyGraph.resolveDependency (/Users/henriquederosa/dev/myapp/node_modules/metro/src/node-haste/DependencyGraph.js:287:16)
    at /Users/henriquederosa/dev/myapp/node_modules/metro/src/lib/transformHelpers.js:267:42
    at Server.<anonymous> (/Users/henriquederosa/dev/myapp/node_modules/metro/src/Server.js:841:41)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (/Users/henriquederosa/dev/myapp/node_modules/metro/src/Server.js:99:24)
    at _next (/Users/henriquederosa/dev/myapp/node_modules/metro/src/Server.js:119:9

์˜ˆ, ์ •ํ™•ํžˆ ์ด์™€ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ œ๊ฑฐํ–ˆ๋‹ค๊ฐ€ ๋‹ค์‹œ ์„ค์น˜ํ–ˆ์ง€๋งŒ ๋””๋ฒ„๊น… ๋ชจ๋“œ์—์„œ๋„ ์—ฌ์ „ํžˆ ๋™์ผํ•ฉ๋‹ˆ๋‹ค.

์—ฌ๊ธฐ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์ž…๋‹ˆ๋‹ค. ์˜ค๋Š˜ ๋ฐค ์ž‘๋™์„ ๋ฉˆ์ถ˜ ๊ฒƒ์ด ์ด์ƒํ•ฉ๋‹ˆ๋‹ค.
์ ์–ด๋„ Android ๊ธฐ๊ธฐ์—์„œ๋Š” onPress๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ TouchableOpacity ๊ตฌ์„ฑ ์š”์†Œ๋ฅผ ๋ˆ„๋ฅด๋Š” ๊ฒƒ์„ ํ—ˆ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ฒ˜์Œ์œผ๋กœ ์ž‘๋™ํ•˜๋Š” ๊ฒƒ ๊ฐ™์œผ๋ฉฐ ๋‚ด ์•ฑ์˜ ์ผ๋ถ€ ์ƒํ˜ธ ์ž‘์šฉ์ด ํ•œ ๋ฒˆ ์ž‘๋™ํ•˜์ง€๋งŒ ์ž‘๋™์„ ๋ฉˆ์ถฅ๋‹ˆ๋‹ค. ```

@HenriqueDerosa ์•ˆ๋…•ํ•˜์„ธ์š”, ์ด ๋ฌธ์ œ๋ฅผ ํ™•์ธํ•ด ์ฃผ์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ? ๋””๋ฒ„๊น…ํ•  ๋•Œ Android ๊ธฐ๊ธฐ์—์„œ ๋ฐœ์ƒํ•˜๋Š” ๋ฌธ์ œ์™€ ๋น„์Šทํ•ฉ๋‹ˆ๊นŒ?
https://github.com/facebook/react-native/issues/29083#issuecomment -642457919

Hey All, ๋‚˜๋Š”์ด ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ๊ณ  ๋‚˜๋ฅผ ์œ„ํ•ด ์ผํ•œ ๊ฒƒ์€ Chrome ์บ์‹œ๋ฅผ ์ง€์šฐ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๊ทธ๋ฆฌ๊ณ  '์ผํ–ˆ๋‹ค'๋Š” ๊ฒƒ์€ ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ์— ๋นจ๊ฐ„์ƒ‰ ์˜ค๋ฅ˜ ํ™”๋ฉด์ด ํ‘œ์‹œ๋˜์ง€ ์•Š๊ณ  ์ •์ƒ์ ์œผ๋กœ ๊ณ„์† ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ์Œ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

์ด์— ๋Œ€ํ•œ ์†”๋ฃจ์…˜์ด ์žˆ์Šต๋‹ˆ๊นŒ? ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์„ ๋””๋ฒ„๊น…ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ์ค‘๋‹จ์ ์ด ์ ์ค‘ํ•˜์ง€ ์•Š์Œ

์ด์— ๋Œ€ํ•œ ํ•ด๊ฒฐ์ฑ…์ด ์žˆ์Šต๋‹ˆ๊นŒ? ์ƒˆ๋กœ์šด ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ•ด๋„ React Native 0.62.2์—์„œ ๋ฐœ์ƒํ•˜๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์–ด๋–ค ์ด์œ ๋กœ ๋””๋ฒ„๊ฑฐ๋ฅผ ๋ณผ ๋•Œ ์˜ค๋ฅ˜ 500์ด ์žˆ์Šต๋‹ˆ๋‹ค.

Screen Shot 2020-06-19 at 12 08 04 PM

์ด์— ๋Œ€ํ•œ ํ•ด๊ฒฐ์ฑ…์ด ์žˆ์Šต๋‹ˆ๊นŒ? ์ƒˆ๋กœ์šด ํ”„๋กœ์ ํŠธ๋ฅผ ์ƒ์„ฑํ•ด๋„ React Native 0.62.2์—์„œ ๋ฐœ์ƒํ•˜๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์–ด๋–ค ์ด์œ ๋กœ ๋””๋ฒ„๊ฑฐ๋ฅผ ๋ณผ ๋•Œ ์˜ค๋ฅ˜ 500์ด ์žˆ์Šต๋‹ˆ๋‹ค.

Screen Shot 2020-06-19 at 12 08 04 PM

๊ทธ๋ƒฅ ๊ฑด๋„ˆ๋›ฐ์„ธ์š”. ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜์ง€ ์•Š๋Š” ํ•œ ๋ฌธ์ œ๊ฐ€ ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ด๋Ÿฐ ์ผ์ด ๋ฐœ์ƒํ•˜๋ฉด ํ‚ค๋ณด๋“œ๊ฐ€ ๋‚˜ํƒ€๋‚˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๋” ์ด์ƒ ํ…์ŠคํŠธ ํ•„๋“œ์— ํ…์ŠคํŠธ๋ฅผ ์ž…๋ ฅํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋””๋ฒ„๊ฑฐ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๊ฒŒ ๋˜์–ด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ๋กœ๊ทธ์ธํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์ด๋Ÿฐ ์ผ์ด ๋ฐœ์ƒํ•˜๋ฉด ํ‚ค๋ณด๋“œ๊ฐ€ ๋‚˜ํƒ€๋‚˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๋” ์ด์ƒ ํ…์ŠคํŠธ ํ•„๋“œ์— ํ…์ŠคํŠธ๋ฅผ ์ž…๋ ฅํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋””๋ฒ„๊ฑฐ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๊ฒŒ ๋˜์–ด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ๋กœ๊ทธ์ธํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์—๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ ์‹œ๋„

์ด๋Ÿฐ ์ผ์ด ๋ฐœ์ƒํ•˜๋ฉด ํ‚ค๋ณด๋“œ๊ฐ€ ๋‚˜ํƒ€๋‚˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๋” ์ด์ƒ ํ…์ŠคํŠธ ํ•„๋“œ์— ํ…์ŠคํŠธ๋ฅผ ์ž…๋ ฅํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋””๋ฒ„๊ฑฐ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๊ฒŒ ๋˜์–ด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ๋กœ๊ทธ์ธํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์—๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ ์‹œ๋„

์—๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ๋Š” ์ž‘๋™ํ•˜์ง€๋งŒ ๋ฒˆ๋“ค๋Ÿฌ์—์„œ ์—ฌ์ „ํžˆ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ์žฅ์น˜ ๋””๋ฒ„๊น…์—๋งŒ ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

์ด๋Ÿฐ ์ผ์ด ๋ฐœ์ƒํ•˜๋ฉด ํ‚ค๋ณด๋“œ๊ฐ€ ๋‚˜ํƒ€๋‚˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๋” ์ด์ƒ ํ…์ŠคํŠธ ํ•„๋“œ์— ํ…์ŠคํŠธ๋ฅผ ์ž…๋ ฅํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋””๋ฒ„๊ฑฐ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๊ฒŒ ๋˜์–ด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ๋กœ๊ทธ์ธํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์—๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ ์‹œ๋„

์—๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ๋Š” ์ž‘๋™ํ•˜์ง€๋งŒ ๋ฒˆ๋“ค๋Ÿฌ์—์„œ ์—ฌ์ „ํžˆ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ์žฅ์น˜ ๋””๋ฒ„๊น…์—๋งŒ ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

์‹ค์ œ ์žฅ์น˜(Android 9)๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ ์žฅ์น˜๋ฅผ Android 9๋กœ ๋ณ€๊ฒฝํ•ฉ๋‹ˆ๋‹ค. ์ œ ๊ฒฝ์šฐ์—๋Š” Android 6์„ ์‚ฌ์šฉํ•˜๋ฉด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

์ด๋Ÿฐ ์ผ์ด ๋ฐœ์ƒํ•˜๋ฉด ํ‚ค๋ณด๋“œ๊ฐ€ ๋‚˜ํƒ€๋‚˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๋” ์ด์ƒ ํ…์ŠคํŠธ ํ•„๋“œ์— ํ…์ŠคํŠธ๋ฅผ ์ž…๋ ฅํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ๋””๋ฒ„๊ฑฐ๋ฅผ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๊ฒŒ ๋˜์–ด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์— ๋กœ๊ทธ์ธํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์—๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ ์‹œ๋„

์—๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ๋Š” ์ž‘๋™ํ•˜์ง€๋งŒ ๋ฒˆ๋“ค๋Ÿฌ์—์„œ ์—ฌ์ „ํžˆ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ์žฅ์น˜ ๋””๋ฒ„๊น…์—๋งŒ ์˜ํ–ฅ์„ ๋ฏธ์น˜๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?

์‹ค์ œ ์žฅ์น˜(Android 9)๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ์ž‘๋™ํ•˜์ง€ ์•Š๋Š” ๊ฒฝ์šฐ ์žฅ์น˜๋ฅผ Android 9๋กœ ๋ณ€๊ฒฝํ•ฉ๋‹ˆ๋‹ค. ์ œ ๊ฒฝ์šฐ์—๋Š” Android 6์„ ์‚ฌ์šฉํ•˜๋ฉด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

์—๋ฎฌ๋ ˆ์ดํŠธ๋œ ์žฅ์น˜๋ฅผ Android 6 API๋กœ ๋ณ€๊ฒฝํ•˜๊ฑฐ๋‚˜ ๋””๋ฒ„๊น…์— ์ด์ „ ์žฅ์น˜๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค๋Š” ์˜๋ฏธ์ž…๋‹ˆ๊นŒ? ๊ทธ๋Ÿผ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  ์ด๊ฒƒ์€ ๋ฐœ์ƒํ•ด์„œ๋Š” ์•ˆ๋˜๋ฉฐ ๋””๋ฒ„๊ฑฐ๋Š” ์ตœ์‹  ์žฅ์น˜์—์„œ๋„ ์ž‘๋™ํ•ด์•ผํ•ฉ๋‹ˆ๋‹ค ...

Chrome์—์„œ React ๋””๋ฒ„๊ฑฐ ํƒญ์„ ํ•˜๋“œ ์ƒˆ๋กœ๊ณ ์นจ(shift + ์ƒˆ๋กœ ๊ณ ์นจ)ํ•œ ๋‹ค์Œ ๊ฒ€์‚ฌ๊ธฐ์—์„œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ฐ์ดํ„ฐ๋ฅผ ์ง€์šด ๋‹ค์Œ ๋งˆ์ง€๋ง‰์œผ๋กœ bash(npm start)์—์„œ ๊ธฐ๋ณธ ๋ฒˆ๋“ค๋Ÿฌ ์Šค๋ ˆ๋“œ๋ฅผ ๋‹ค์‹œ ์‹œ์ž‘ํ•˜์—ฌ ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋””๋ฒ„๊ทธ ๋ชจ๋“œ๊ฐ€ ํ™œ์„ฑํ™”๋˜์ž๋งˆ์ž ์•ฑ์ด ๋ชจ๋“  onPress() ์ด๋ฒคํŠธ ๋“ฑ๋ก์„ ์ค‘์ง€ํ•˜๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์Šคํฌ๋กค์€ ์—ฌ์ „ํžˆ โ€‹โ€‹๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.

์—๋ฎฌ๋ ˆ์ดํ„ฐ ๋‚ด์—์„œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ฝ˜์†”๊ณผ ํ„ฐ๋ฏธ๋„(react ์„œ๋ฒ„)์—๋Š” ์—ฌ์ „ํžˆ ๋™์ผํ•œ ์˜ค๋ฅ˜๊ฐ€ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

react-native -v ๋ฐ˜ํ™˜

react-native-cli: 2.0.1
react-native: 0.62.2

์ €๋„ ์ด ๋ฌธ์ œ๋ฅผ ๊ฒช์—ˆ์Šต๋‹ˆ๋‹ค. ๋‹ต์„ ์ฐพ๊ธฐ ์œ„ํ•ด ๋†’๊ณ  ๋‚ฎ์Œ์„ ์ฐพ์Šต๋‹ˆ๋‹ค.
๋‚ด ๊ด‘๊ณ  ์ฐจ๋‹จ๊ธฐ๋ฅผ ๋น„ํ™œ์„ฑํ™”ํ•˜๋ฉด ์–ด๋–ค ์ด์œ ๋กœ ์ฝ˜์†”์—์„œ ๋” ๋งŽ์€ ํ”ผ๋“œ๋ฐฑ์„ ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค.
๊ทธ๋ฆฌ๊ณ  ๋‚˜์„œ ํฌ๋กฌ์ด ๋ฉ”์ธ ์Šค๋ ˆ๋“œ๋ฅผ ๋””๋ฒ„๊น…ํ•˜๊ณ  ์žˆ๋‹ค๋Š” ๊ฒƒ์„ ์•Œ์•„์ฐจ๋ ธ์Šต๋‹ˆ๋‹ค. ๊ฐ„๊ณผํ•˜๊ธฐ ์‰ฝ์Šต๋‹ˆ๋‹ค.

Aantekening 2020-06-27 202124

debuggerWorker ์Šค๋ ˆ๋“œ๋ฅผ ํด๋ฆญํ•œ ํ›„ ์•ฑ์€ ๋“ฑ๋ก์„ ์‹œ์ž‘ํ•˜๊ณ  ์ค‘๋‹จ์ ์— ๋„๋‹ฌํ–ˆ์Šต๋‹ˆ๋‹ค...
์กฐ๊ธˆ์ด๋‚˜๋งˆ ๋„์›€์ด ๋˜์…จ์œผ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค ๐Ÿ‘

Screenshot from 2020-06-28 19-48-58

"๋ฐ˜์‘": "16.11.0",
"๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ": "0.62.2",

๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

@HenriqueDerosa ๊ฐ์‚ฌ ๊ฒƒ๋„ ํšจ๊ณผ์ ์ด์—ˆ์Šต๋‹ˆ๋‹ค .

ํฅ๋ฏธ๋กญ๊ฒŒ๋„ ๋ฐฉ๊ธˆ SDK 36์—์„œ 38๋กœ ์—…๊ทธ๋ ˆ์ด๋“œํ•˜๊ณ  expo-cli๋„ ์—…๊ทธ๋ ˆ์ด๋“œํ–ˆ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ํ•œ ๋ฒˆ์— ๋‘˜ ๋‹ค ์ „ํ™˜ํ•˜๋Š” ๋ฐ ๋ฌธ์ œ๊ฐ€ ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ๋งˆ์ง€๋ง‰ ์•ฑ ์„ค์น˜์—์„œ ๊ธฐ๋ณธ์ ์œผ๋กœ ๋‚ด ํ”„๋กœํ•„์— ์›๊ฒฉ ๋””๋ฒ„๊ทธ๊ฐ€ ์ž๋™์œผ๋กœ ํ™œ์„ฑํ™”๋˜์–ด ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ์ฒ˜์Œ์— ๋น„ํ™œ์„ฑํ™”ํ•˜๊ณ  ๋‚˜์ค‘์— ํ™œ์„ฑํ™”ํ•˜๋ฉด ๋ฌธ์ œ๊ฐ€๋˜์ง€ ์•Š์„๊นŒ์š”?? ์–ด๋Š ์ชฝ์ด๋“ , ๋‹น์‹ ์˜ ํŒ์„ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

์ง€๋‚œ ์ฃผ์—๋„ ๊ฐ™์€ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค. ๊ฐœ๋ฐœํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ์—„์ฒญ๋‚˜๊ฒŒ ์‹ค๋ง์Šค๋Ÿฝ์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ์—…๊ทธ๋ ˆ์ด๋“œ๋ฅผ ํ•˜๋Š” ํŒ€์—์„œ ์žก์•„์•ผ ํ•ฉ๋‹ˆ๋‹ค.

"๋ฐ˜์‘": "~16.11.0",
"๋ฐ˜์‘๋”": "~16.11.0",
"๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ": " https://github.com/expo/react-native/archive/sdk-38.0.1.tar.gz ",

์—ฌ๊ธฐ์—์„œ ๋™์ผํ•˜๊ณ  ๋‚ด ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ ์ž๋™ ์ƒˆ๋กœ ๊ณ ์นจ

๋‚˜๋ฅผ ์œ„ํ•ด : react-native-meteor ๋ฌธ์ œ - ์ •ํ™•ํžˆ "eventemitter3" ๋…ธ๋“œ ๋ชจ๋“ˆ์ด setMaxListeners๋ฅผ ์ œ๊ฑฐํ–ˆ์Šต๋‹ˆ๋‹ค.

์†Œ์‹์ด ์žˆ๋‚˜์š”? ๋‚˜๋Š” ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€์žˆ๋‹ค

์‹ค์ œ iOS ๊ธฐ๊ธฐ์—์„œ Chrome ๋””๋ฒ„๊ฑฐ๋ฅผ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์œผ๋ฉฐ ๋ชจ๋“  Chrome ํ™•์žฅ ํ”„๋กœ๊ทธ๋žจ์„ ๋น„ํ™œ์„ฑํ™”ํ•˜์—ฌ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์—ˆ๋˜ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๊ทธ ์ค‘ ํ•˜๋‚˜๊ฐ€ ๋ฐฉํ•ด๊ฐ€ ๋˜์—ˆ์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋””๋ฒ„๊น…ํ•˜๋Š” ๋™์•ˆ ๋” ์ด์ƒ ์˜ค๋ฅ˜๊ฐ€ ํ‘œ์‹œ๋˜์ง€ ์•Š๊ฑฐ๋‚˜ ํ„ฐ์น˜๊ฐ€ ์‘๋‹ตํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

@chadwhittaker ์‹ค์ œ๋กœ Chrome์—์„œ Redux ๋„๊ตฌ๋ฅผ ์ œ๊ฑฐํ•˜๋ฉด ํ„ฐ์น˜๊ฐ€ ๋‹ค์‹œ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. ํ•ด๋‹น ํ™•์žฅ๊ณผ ๊ด€๋ จ์ด ์žˆ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์•„์ง ํ•ด๊ฒฐ์ฑ…์„ ์ฐพ์€ ์‚ฌ๋žŒ์ด ์žˆ์Šต๋‹ˆ๊นŒ? ์ด๊ฑด ๋ง๋„ ์•ˆ๋ผ.... ๋ง ๊ทธ๋Œ€๋กœ ๋ชจ๋“  ๊ฒƒ์„ ์‹œ๋„ํ–ˆ์ง€๋งŒ ์—ฌ์ „ํžˆ ์—ฌ๊ธฐ์— ์žˆ์Šต๋‹ˆ๋‹ค.

ํ•ด๊ฒฐ์ฑ…์€ ๊ธฐ๊ธฐ์˜ ๋‚ ์งœ์™€ ์‹œ๊ฐ„(iOS์˜ ๊ฒฝ์šฐ)๊ณผ ์—๋ฎฌ๋ ˆ์ดํ„ฐ(Android์˜ ๊ฒฝ์šฐ)๋ฅผ ๋งŒ๋“œ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋™์ผํ•œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•˜๊ณ  ์ฝ˜์†”์— **Debugger and device times have drifted by more than 60s. Please correct this by running adb shell "date date +%m%d%H%M%Y.%S " on your debugger machine.**

์—๋ฎฌ๋ ˆ์ดํ„ฐ์˜ ๋‚ ์งœ์™€ ์‹œ๊ฐ„์„ ์—…๋ฐ์ดํŠธํ•˜๋ฉด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

@zenkhas ์˜ˆ, ์ ์–ด๋„ ์—๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ๋Š” ๋‚ ์งœ์™€ ์‹œ๊ฐ„์„ ์กฐ์ •ํ•˜์ง€ ์•Š์•„๋„ ์ œ๋Œ€๋กœ ์ž‘๋™ํ•˜์ง€๋งŒ ๊ฐœ๋ฐœ ๋ชฉ์ ์œผ๋กœ ๋ฌผ๋ฆฌ์  ์žฅ์น˜๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ค‘์š”ํ•œ ํŠน์ • ๊ฒฝ์šฐ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

์ง€๊ธˆ๊นŒ์ง€ ๋ชจ๋“  ์œ ํ˜•์˜ ์บ์‹œ ์‚ญ์ œ(๋ธŒ๋ผ์šฐ์ €์˜... ๋ชจ๋“  ๋ธŒ๋ผ์šฐ์ €์˜ tbh ํฌํ•จ), ๋‚ ์งœ ๋ฐ ์‹œ๊ฐ„ ์กฐ์ •, ๊ฐ€๋Šฅํ•œ ๋ธŒ๋ผ์šฐ์ € ๋ฐฐ์ œ ๋””๋ฒ„๊น… ํ”„๋กœ์„ธ์Šค๋ฅผ ๋ง์น  ์ˆ˜ ์žˆ๋Š” ํ™•์žฅ, ๋””๋ฒ„๊ฑฐ ์Šค๋ ˆ๋“œ ๊ต์ฒด ๋“ฑ... :/

์ฐธ๊ณ ๋กœ Windows 10 ๋ฐ Chrome(Android ๊ฐœ๋ฐœ v0.62.2)์„ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค.

์•ผ ์–˜๋“ค์•„ ๋‚œ ์—ฌ๊ธฐ์„œ ๋˜‘๊ฐ™์ด ๋ฐ›๊ณ  ์žˆ์–ด

React Native ๋ฒ„์ „ ๋ถˆ์ผ์น˜.

์ž๋ฐ”์Šคํฌ๋ฆฝํŠธ ๋ฒ„์ „: 0.63.0
๊ธฐ๋ณธ ๋ฒ„์ „: 0.62.2

๋„ค์ดํ‹ฐ๋ธŒ ์ฝ”๋“œ๋ฅผ ๋‹ค์‹œ ๋นŒ๋“œํ–ˆ๋Š”์ง€ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค. ๋ฌธ์ œ๊ฐ€ ์ง€์†๋˜๋ฉด watchman watch-del-all && react-native start --reset-cache ํ•˜์—ฌ Watchman ๋ฐ Packager ์บ์‹œ๋ฅผ ์ง€์›Œ ๋ณด์‹ญ์‹œ์˜ค.

์—‘์Šคํฌ์—์„œ ์ด๊ฒƒ์— ์ด์–ด

์˜ค๋ฅ˜
00:18
์˜ค๋ฅ˜: ``์—์„œ ./debugger-ui/debuggerWorker.cff11639.js ๋ชจ๋“ˆ์„ ํ™•์ธํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

Android ์—๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ ๋””๋ฒ„๊ฑฐ๋ฅผ ์‹คํ–‰ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

๋ˆ„๊ตฌ์—๊ฒŒ๋‚˜ ํ–‰์šด์ด ์žˆ์Šต๋‹ˆ๋‹ค. ์œˆ๋„์šฐ 10๊ณผ ํฌ๋กฌ๋„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๋‚ด ์ด์ „ ๊ฒŒ์‹œ๋ฌผ๋กœ ๋Œ์•„ ๊ฐ€๊ธฐ ์œ„ํ•ด. 2์ฃผ ๋™์•ˆ ๊ฒ€์ƒ‰ํ•œ ํ›„ ์›๊ฒฉ ๋””๋ฒ„๊ฑฐ๊ฐ€ ํ™œ์„ฑ ์ƒํƒœ์ผ ๋•Œ ๋ˆ„๋ฝ๋œ onPress() ์ด๋ฒคํŠธ์— ๋Œ€ํ•œ ์†”๋ฃจ์…˜์„ ์ฐพ์•˜์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์€ ๋‚ด ์ „ํ™”์™€ ๋žฉํ†ฑ ์‚ฌ์ด์˜ ๋ช‡ ์ดˆ์˜ ํƒ€์ด๋ฐ ์ฐจ์ด์—์„œ ๋น„๋กฏ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ์ „ํ™”๊ธฐ์—์„œ ์ž๋™ ์‹œ๊ฐ„ ํ™•์ธ์„ ๋น„ํ™œ์„ฑํ™”ํ•˜๊ณ  ์ˆ˜๋™์œผ๋กœ ์ „ํ™”๊ธฐ์˜ ์‹œ๊ฐ„์„ 1๋ถ„ ๋’ค๋กœ ์„ค์ •ํ•˜๋ฉด ์ด ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
์˜ฌ๋ฐ”๋ฅธ ๋ฐฉํ–ฅ์„ ๊ฐ€๋ฆฌํ‚ค๋Š” ํฌ๋ ˆ๋”ง: https://github.com/facebook/react-native/issues/27008#issuecomment -592048282

๊ทธ๋Ÿฌ๋‚˜ ์›๊ฒฉ ๋””๋ฒ„๊ฑฐ๋ฅผ ํ™œ์„ฑํ™”ํ•  ๋•Œ ๋™์ผํ•œ Error: Unable to resolve module ๊ฐ€ ์œ ์ง€๋ฉ๋‹ˆ๋‹ค. ๊ทธ ๊ฒฐ๊ณผ ์ฝ”๋“œ์— ๋ณ€๊ฒฝ ์‚ฌํ•ญ์„ ์ €์žฅํ•œ ํ›„ ์ „ํ™”๊ธฐ๋ฅผ ์ž๋™์œผ๋กœ ์ƒˆ๋กœ ๊ณ ์น  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ์ฒซ ๋ฒˆ์งธ ์—…๋ฐ์ดํŠธ ํ›„์— ์ „ํ™”๋กœ Refreshing... ๋ฉ”์‹œ์ง€๋ฅผ ๋ฐ›์Šต๋‹ˆ๋‹ค. ์ƒˆ๋กœ ๊ณ ์นจ์ด ๋ฐœ์ƒํ•˜์ง€ ์•Š๊ณ  ์ฝ˜์†”์— ์ถ”๊ฐ€ ์˜ค๋ฅ˜/๊ฒฝ๊ณ ๊ฐ€ ์ธ์‡„๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์—…๋ฐ์ดํŠธ ํ›„ ๋ฉ”์‹œ์ง€๊ฐ€ ๋” ์ด์ƒ ์ „ํ™”๊ธฐ์— ์ธ์‡„๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ฝ˜์†” ๋กœ๊ทธ๊ฐ€ ์ธ์‡„๋ฉ๋‹ˆ๋‹ค.

์ด์ƒํ•œ ์ ์€ ๋‚ด ๋™๋ฃŒ๊ฐ€ ๊ฑฐ์˜ ๋™์ผํ•œ Arch Linux + ThinkPad ์„ค์ •์„ ๊ฐ€์ง€๊ณ  ์žˆ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๊ทธ์˜ ์žฅ์น˜์—์„œ๋Š” ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ๊ฒฐ๊ณผ ์—†์ด ๋ฌธ์ œ๋ฅผ ์ฐพ๋Š” ๋ฐ ๋งŽ์€ ์‹œ๊ฐ„์„ ํˆฌ์žํ–ˆ์Šต๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์ง€๊ธˆ์€ ๋””๋ฒ„๊ฑฐ๊ฐ€ ํ™œ์„ฑํ™”๋  ๋•Œ๋งˆ๋‹ค ์ €์žฅํ•  ๋•Œ๋งˆ๋‹ค ํ„ฐ๋ฏธ๋„์—์„œ ์•ฑ์„ ์ˆ˜๋™์œผ๋กœ ๋‹ค์‹œ ๋กœ๋“œํ•ฉ๋‹ˆ๋‹ค. ๋ฌผ๋ก  ์ƒ์‚ฐ์„ฑ์— ์‹ฌ๊ฐํ•œ ์˜ํ–ฅ์„ ๋ฏธ์นฉ๋‹ˆ๋‹ค.

$ react-native --version
4.8.0
(์–€์œผ๋กœ ์„ค์น˜๋˜์—ˆ์ง€๋งŒ npm๋„ ์‹œ๋„ํ–ˆ์Šต๋‹ˆ๋‹ค)

Chrome์—์„œ React ๋””๋ฒ„๊ฑฐ ํƒญ์„ ํ•˜๋“œ ์ƒˆ๋กœ๊ณ ์นจ(shift + refresh)ํ•œ ๋‹ค์Œ ๊ฒ€์‚ฌ๊ธฐ์—์„œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ฐ์ดํ„ฐ๋ฅผ ์ง€์šด ๋‹ค์Œ ๋งˆ์ง€๋ง‰์œผ๋กœ bash(npm start)์—์„œ ๊ธฐ๋ณธ ๋ฒˆ๋“ค๋Ÿฌ ์Šค๋ ˆ๋“œ๋ฅผ ๋‹ค์‹œ ์‹œ์ž‘ํ•˜์—ฌ ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์•„์ฃผ ์‰ฌ์šด ๋Œ€๋‹ต...

์•„์ง ํ•ด๊ฒฐ์ฑ…์„ ์ฐพ์€ ์‚ฌ๋žŒ์ด ์žˆ์Šต๋‹ˆ๊นŒ? ์ด๊ฑด ๋ง๋„ ์•ˆ๋ผ.... ๋ง ๊ทธ๋Œ€๋กœ ๋ชจ๋“  ๊ฒƒ์„ ์‹œ๋„ํ–ˆ์ง€๋งŒ ์—ฌ์ „ํžˆ ์—ฌ๊ธฐ์— ์žˆ์Šต๋‹ˆ๋‹ค.

Chrome์—์„œ React ๋””๋ฒ„๊ฑฐ ํƒญ์„ ํ•˜๋“œ ์ƒˆ๋กœ๊ณ ์นจ(shift + refresh)ํ•œ ๋‹ค์Œ ๊ฒ€์‚ฌ๊ธฐ์—์„œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ฐ์ดํ„ฐ๋ฅผ ์ง€์šด ๋‹ค์Œ ๋งˆ์ง€๋ง‰์œผ๋กœ bash(npm start)์—์„œ ๊ธฐ๋ณธ ๋ฒˆ๋“ค๋Ÿฌ ์Šค๋ ˆ๋“œ๋ฅผ ๋‹ค์‹œ ์‹œ์ž‘ํ•˜์—ฌ ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์•„์ง ํ•ด๊ฒฐ์ฑ…์„ ์ฐพ์€ ์‚ฌ๋žŒ์ด ์žˆ์Šต๋‹ˆ๊นŒ? ์ด๊ฑด ๋ง๋„ ์•ˆ๋ผ.... ๋ง ๊ทธ๋Œ€๋กœ ๋ชจ๋“  ๊ฒƒ์„ ์‹œ๋„ํ–ˆ์ง€๋งŒ ์—ฌ์ „ํžˆ ์—ฌ๊ธฐ์— ์žˆ์Šต๋‹ˆ๋‹ค.

Chrome์—์„œ React ๋””๋ฒ„๊ฑฐ ํƒญ์„ ํ•˜๋“œ ์ƒˆ๋กœ๊ณ ์นจ(shift + refresh)ํ•œ ๋‹ค์Œ ๊ฒ€์‚ฌ๊ธฐ์—์„œ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ๋ฐ์ดํ„ฐ๋ฅผ ์ง€์šด ๋‹ค์Œ ๋งˆ์ง€๋ง‰์œผ๋กœ bash(npm start)์—์„œ ๊ธฐ๋ณธ ๋ฒˆ๋“ค๋Ÿฌ ์Šค๋ ˆ๋“œ๋ฅผ ๋‹ค์‹œ ์‹œ์ž‘ํ•˜์—ฌ ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์ด๊ฒƒ์„ ์—ฌ๋Ÿฌ ๋ฒˆ ์‹œ๋„ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚˜๋ฅผ ์œ„ํ•ด ๊ทธ๊ฒƒ์„ ํ•ด๊ฒฐํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

ใ‚ณใƒกใƒณใƒˆ 2020-07-13 135352

์ด ์ฐฝ์—์„œ SHIFT+F5๊ฐ€ ์ •์ƒ์ž…๋‹ˆ๊นŒ?

๋‚ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค.

package.json์—์„œ

 "resolutions": {
      "@react-native-community/cli-debugger-ui": "4.7.0"
   }

yarn.lock์„ ์‚ญ์ œํ•˜๊ณ  yarn install์„ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค.

RN v0.61.4 ์—์„œ RN v0.63.1 ์—…๋ฐ์ดํŠธํ•œ ํ›„

๋‹ค์Œ ๋‹จ๊ณ„๋ฅผ ์ˆ˜ํ–‰ํ–ˆ์Šต๋‹ˆ๋‹ค.

  1. ์บ์‹œ ์ง€์šฐ๊ธฐ: watchman watch-del-all; rm -rf $TMPDIR/metro-*; rm -rf $TMPDIR/haste-map-*;
  2. yarn.lock, node_modules ์ œ๊ฑฐ ๋ฐ ํŒจํ‚ค์ง€ ์„ค์น˜: rm yarn.lock; rm -rf node_modules; yarn;
  3. package.json์— ๋‹ค์Œ resolutions ๋ฅผ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.
"resolutions": {
    "@react-native-community/cli-debugger-ui": "4.7.0"
}

๊ทธ ํ›„ ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ ํ”„๋กœ์ ํŠธ๋ฅผ ์‹คํ–‰ํ–ˆ๋Š”๋ฐ ๋ชจ๋“  ๊ฒƒ์ด ์ •์ƒ์ž…๋‹ˆ๋‹ค. โœจ

๊ฐ™์€ ๋ฌธ์ œ.

๊ฐ™์€ ๋ฌธ์ œ

๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ 0.63.1์— ๋ฌธ์ œ๊ฐ€ ์—ฌ์ „ํžˆ ์กด์žฌํ•ฉ๋‹ˆ๋‹ค.

๊ฐ™์€ ๋ฌธ์ œ

ํŽธ์ง‘ : ์—‘์Šคํฌ ํด๋ผ์ด์–ธํŠธ์—์„œ ์›๊ฒฉ ๋””๋ฒ„๊น…์„ ์ค‘์ง€ํ•˜๊ณ  ์ž‘๋™ํ–ˆ์Šต๋‹ˆ๋‹ค.

๋‚˜๋Š” ๋‹ค์Œ ๋ฒ„์ „๊ณผ ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ๋‹ค
"๋ฐ˜์‘": "16.11.0",
"๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ": "0.62.2",

๋‚˜๋ฅผ ์œ„ํ•ด ๋‹จ๊ณ„ ์ž‘์—… ์•„๋ž˜

์ด ์‹œ๋„:

  • ์‹คํ–‰ ์ค‘์ธ ๊ฒฝ์šฐ ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜ ์ค‘์ง€
  • ์›๊ฒฉ ๋””๋ฒ„๊ทธ ํƒญ ๋‹ซ๊ธฐ
  • ๋‹ค์‹œ ๋›ฐ์–ด

๋‚˜๋ฅผ ์œ„ํ•ด ๋น„์Šทํ•œ ๋ฌธ์ œ. ๋‚˜๋Š”์ด ๋ณผ react-native ๋‚ด๊ฐ€ ํฌํ•จ ๋œ ํฌ๋กฌ ํƒญ์— ๊ฐœ๋ฐœ์ž ์ฝ˜์†”์„ ์—ด ๋•Œ ์ฝ˜์†” ์ฐฝ์„ ๋””๋ฒ„๊ฑฐ UI ์— http : // localhost๋ฅผ : 8081 / ๋””๋ฒ„๊ฑฐ - UI / ์„ ํƒํ•œ ํ›„ Debug ์—์— -์‹ค์ œ Android ๊ธฐ๊ธฐ์˜ ์•ฑ ๊ฐœ๋ฐœ์ž ๋ฉ”๋‰ด:

info Launching Dev Tools...
Error: Unable to resolve module `./debugger-ui/ui.bcd3f9d1.js` from ``:

None of these files exist:
  * debugger-ui\ui.bcd3f9d1.js(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
  * debugger-ui\ui.bcd3f9d1.js\index(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
    at ModuleResolver.resolveDependency (C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:163:15)
    at ResolutionRequest.resolveDependency (C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:52:18)
    at DependencyGraph.resolveDependency (C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\node-haste\DependencyGraph.js:287:16)
    at C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\lib\transformHelpers.js:267:42
    at Server.<anonymous> (C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\Server.js:841:41)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\Server.js:99:24)
    at _next (C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\Server.js:119:9)
Error: Unable to resolve module `./debugger-ui/ui.7beef9ab.css` from ``:

None of these files exist:
  * debugger-ui\ui.7beef9ab.css(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
  * debugger-ui\ui.7beef9ab.css\index(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
    at ModuleResolver.resolveDependency (C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:163:15)
    at ResolutionRequest.resolveDependency (C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:52:18)
    at DependencyGraph.resolveDependency (C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\node-haste\DependencyGraph.js:287:16)
    at C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\lib\transformHelpers.js:267:42
    at Server.<anonymous> (C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\Server.js:841:41)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\Server.js:99:24)
    at _next (C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\Server.js:119:9)
Error: Unable to resolve module `./debugger-ui/debuggerWorker.cff11639.js` from ``:

None of these files exist:
  * debugger-ui\debuggerWorker.cff11639.js(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
  * debugger-ui\debuggerWorker.cff11639.js\index(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
    at ModuleResolver.resolveDependency (C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:163:15)
    at ResolutionRequest.resolveDependency (C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\node-haste\DependencyGraph\ResolutionRequest.js:52:18)
    at DependencyGraph.resolveDependency (C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\node-haste\DependencyGraph.js:287:16)
    at C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\lib\transformHelpers.js:267:42
    at Server.<anonymous> (C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\Server.js:841:41)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\Server.js:99:24)
    at _next (C:\Users\Chase\company\companyMobile\projects\mobile\node_modules\metro\src\Server.js:119:9)

๋ฒ„์ „ ์ •๋ณด:

# Windows 10 64-bit
$ react-native -v
react-native-cli: 2.0.1
react-native: 0.62.2

๋‚ด ์•ฑ์€ ์•ฝ 2๊ฐœ์›” ์ „์— react-native 0.60.0์—์„œ react-native 0.62.2๋กœ ์—…๋ฐ์ดํŠธ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์ด ์˜ค๋ฅ˜๋Š” ์‹ค์ œ Android ๊ธฐ๊ธฐ์—์„œ ๋””๋ฒ„๊น…์„ ์ค‘๋‹จํ•ฉ๋‹ˆ๋‹ค. ํŠนํžˆ ์˜ค๋ฅ˜๊ฐ€ ๊ธฐ๋ก๋œ ํ›„ ์•ฑ์˜ ๋งŽ์€ UI ์ƒํ˜ธ ์ž‘์šฉ์ด ์ค‘๋‹จ๋˜์–ด ์•ฑ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†๊ฒŒ ๋ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์—๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ ๋™์ผํ•œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•จ์—๋„ ๋ถˆ๊ตฌํ•˜๊ณ  Android ์—๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ ๋””๋ฒ„๊น…ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์˜ค๋ฅ˜: ``์—์„œ ./debugger-ui/debuggerWorker.cff11639 ๋ชจ๋“ˆ์„ ํ™•์ธํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

๋‹ค์Œ ํŒŒ์ผ์ด ์—†์Šต๋‹ˆ๋‹ค.

  • debugger-ui/debuggerWorker.cff11639(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
  • debugger-ui/debuggerWorker.cff11639/index(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
    ModuleResolver.resolveDependency(/Users/sergeinepryakhin/Documents/Projects/RNoverview/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:163:15)
    ResolutionRequest.resolveDependency(/Users/sergeinepryakhin/Documents/Projects/RNoverview/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:52:18)
    DependencyGraph.resolveDependency(/Users/sergeinepryakhin/Documents/Projects/RNoverview/node_modules/metro/src/node-haste/DependencyGraph.js:287:16)
    /Users/sergeinepryakhin/Documents/Projects/RNoverview/node_modules/metro/src/lib/transformHelpers.js:267:42์—์„œ
    /Users/sergeinepryakhin/Documents/Projects/RNoverview/node_modules/metro/src/Server.js:1096:37์—์„œ
    Generator.next์—์„œ ()
    asyncGeneratorStep์—์„œ(/Users/sergeinepryakhin/Documents/Projects/RNoverview/node_modules/metro/src/Server.js:99:24)
    _next(/Users/sergeinepryakhin/Documents/Projects/RNoverview/node_modules/metro/src/Server.js:119:9)
    processTicksAndRejections์—์„œ (internal/process/task_queues.js:97:5)

๊ฐ™์€ ๋ฌธ์ œ. ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋œ ์†”๋ฃจ์…˜์€ ์—†์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ์ด ์‹ค์ˆ˜๋กœ ์ธํ•ด Chrome์—์„œ ๋””๋ฒ„๊ทธํ•  ์ˆ˜ ์—†๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๊ทธ๊ฒƒ์€ VSCode ํ„ฐ๋ฏธ๋„์„ ์ฃฝ์ž…๋‹ˆ๋‹ค.
"๋ฐ˜์‘": "16.13.1",
"๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ": "0.63.0",

์•ˆ๋…•ํ•˜์„ธ์š”, ๋ฐฉ๊ธˆ expo-cli๋กœ ์ƒˆ๋กœ์šด ์—‘์Šคํฌ ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•˜๊ณ  expo-cli์—์„œ ์›๊ฒฉ ๋””๋ฒ„๊น…์„ ์‹œ๋„ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋™์ผํ•œ ์˜ค๋ฅ˜/๊ฒฝ๊ณ  ๋ฉ”์‹œ์ง€๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ฒŒ๋‹ค๊ฐ€ ํฌ๋กฌ ๋””๋ฒ„๊น… ์ฝ˜์†”์€ ์ฝ”๋“œ์—์„œ ์ฝ”๋“œ ์˜ค๋ฅ˜ ์œ„์น˜๋ฅผ ํ‘œ์‹œํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ์˜คํžˆ๋ ค ์‹ค์ œ ๋””๋ฒ„๊น…์— ์‚ฌ์šฉ๋˜์ง€ ์•Š๋Š” ๋นŒ๋“œ ๋ฒˆ๋“ค ํŒŒ์ผ์˜ ์ด์ƒํ•œ ์œ„์น˜๋ฅผ ๋ณด์—ฌ์ค๋‹ˆ๋‹ค. ์ด ๋™์ž‘์ด ์ด๋Ÿฌํ•œ ์˜ค๋ฅ˜์™€ ์—ฐ๊ฒฐ๋˜์–ด ์žˆ๊ณ  semilar ๊ฒฝํ—˜์ด ์žˆ๋Š” ์‚ฌ๋žŒ์ด ์žˆ๋Š”์ง€ ๊ถ๊ธˆํ•ฉ๋‹ˆ๋‹ค. ์‹œ์—ฐํ•˜๊ธฐ ์œ„ํ•ด app.js์— console.log('abc')๋ฅผ ์ถ”๊ฐ€ํ–ˆ์œผ๋ฉฐ ์ด๊ฒƒ์ด ๋””๋ฒ„๊ทธ ์ฝ˜์†”์— ์ธ์‡„๋œ ๋‚ด์šฉ์ž…๋‹ˆ๋‹ค.

abc node_modules%5Cexpo%5CAppEntry.bundleplatform=android&dev=true&minify=false&hot=false

์˜ค๋ฅ˜:
DevTools๊ฐ€ SourceMap์„ ๋กœ๋“œํ•˜์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค. http://localhost :19001/debugger-ui/ui.bcd3f9d1.js.map์— ๋Œ€ํ•œ ์ฝ˜ํ…์ธ ๋ฅผ ๋กœ๋“œํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. HTTP ์˜ค๋ฅ˜: ์ƒํƒœ ์ฝ”๋“œ 500, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools์—์„œ SourceMap์„ ๋กœ๋“œํ•˜์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค. http://localhost :19001/debugger-ui/ui.7beef9ab.css.map์— ๋Œ€ํ•œ ์ฝ˜ํ…์ธ ๋ฅผ ๋กœ๋“œํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. HTTP ์˜ค๋ฅ˜: ์ƒํƒœ ์ฝ”๋“œ 500, net::ERR_HTTP_RESPONSE_CODE_FAILURE
์—ฌ๊ธฐ ๋‚ด ์—‘์Šคํฌ ์ง„๋‹จ์ž…๋‹ˆ๋‹ค

Expo CLI 3.23.0 ํ™˜๊ฒฝ ์ •๋ณด:
์ฒด๊ณ„:
์šด์˜ ์ฒด์ œ: ์œˆ๋„์šฐ 10 10.0.18362
๋ฐ”์ด๋„ˆ๋ฆฌ:
๋…ธ๋“œ: 10.16.0 - C:\Program Files\nodejs\node.EXE
npm: 6.14.6 - C:\Program Files\nodejs\npm.CMD
์‹ญ์˜ค ์ผ:
์•ˆ๋“œ๋กœ์ด๋“œ ์ŠคํŠœ๋””์˜ค: ๋ฒ„์ „ 4.0.0.0 AI-193.6911.18.40.6626763
npmํŒจํ‚ค์ง€:
์—‘์Šคํฌ: ~38.0.8 => 38.0.8
๋ฐ˜์‘: ~16.11.0 => 16.11.0
๋ฐ˜์‘๋”: ~16.11.0 => 16.11.0
๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ: https://github.com/expo/react-native/archive/sdk-38.0.2.tar.gz => 0.62.2
๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ์›น: ~0.11.7 => 0.11.7

๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ํ”„๋กœ์ ํŠธ๋ฅผ ์ง€์šฐ์‹ญ์‹œ์˜ค ...

์—ฌ๊ธฐ๋„ ๋งˆ์ฐฌ๊ฐ€์ง€์ž…๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๋Š” ๊ทธ๊ฒƒ๊ณผ ํ•จ๊ป˜ ์‚ด์•„์•ผ ํ•  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. :/

์ด ์˜ค๋ฅ˜๊ฐ€ ๋‚˜ํƒ€๋‚  ๋•Œ๊นŒ์ง€ ๋ชจ๋“  ๊ฒƒ์ด ๋‚ด ํ”„๋กœ์ ํŠธ์—์„œ ์ž˜ ์ž‘๋™ํ–ˆ์ง€๋งŒ ์ง€๊ธˆ์€ ์—ฌ๋Ÿฌ๋ถ„ ๋ชจ๋‘์ฒ˜๋Ÿผ ๊ฐ‡ํ˜€ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ฉ”์ธ ์•ฑ์„ ํด๋ž˜์Šค ๊ตฌ์„ฑ ์š”์†Œ ๋Œ€์‹  ๊ธฐ๋Šฅ ๊ตฌ์„ฑ ์š”์†Œ๋กœ ๋ณ€๊ฒฝํ•˜๋ฉด ์ด ์˜ค๋ฅ˜๊ฐ€ ์‚ฌ๋ผ์ง„๋‹ค๋Š” ๊ฒƒ์„ ๋ฐฉ๊ธˆ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค.

์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๋ถ€ํƒ๋“œ๋ฆฝ๋‹ˆ๋‹ค. ๋‚˜๋Š” ๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ์ดˆ๊ธฐํ™”์—์„œ ์ƒˆ๋กœ ์„ค์น˜ํ•ด๋„ ์—ฌ์ „ํžˆ์ด ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

์—‘์Šคํฌ ํด๋ผ์ด์–ธํŠธ์—์„œ ์›๊ฒฉ ๋””๋ฒ„๊น…์„ ์ค‘์ง€ํ•˜๊ณ  ์ž‘๋™ํ–ˆ์Šต๋‹ˆ๋‹ค. ์›น ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋ฌธ์ œ๋ฅผ ์ˆ˜์ •ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

:๊ฒฝ๊ณ :์žฌํ˜„ ๊ฐ€๋Šฅํ•œ ์˜ˆ ๋ˆ„๋ฝ
:์ •๋ณด ์ถœ์ฒ˜:๋ฌธ์ œ์— ์žฌํ˜„ ๊ฐ€๋Šฅํ•œ ์˜ˆ๊ฐ€ ๋ˆ„๋ฝ๋œ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋ณด๊ณ ํ•˜๋Š” ๋ฌธ์ œ๋ฅผ ์ตœ์†Œํ•œ์˜ ์™„์ „ํ•˜๊ณ  ์žฌํ˜„ ๊ฐ€๋Šฅํ•œ ๋ฐฉ์‹์œผ๋กœ ๋ณด์—ฌ์ฃผ๋Š” ์Šค๋‚ต ๋˜๋Š” ์ €์žฅ์†Œ๋ฅผ ์ œ๊ณตํ•˜์‹ญ์‹œ์˜ค.

๋กค ๊บผ์ ธ ๋ฐ”๋ณด ๋ด‡!

๋™์ผํ•œ ์˜ค๋ฅ˜(์›๊ฒฉ ๋””๋ฒ„๊น…์—์„œ), ๋ฐฉ๊ธˆ Expo 38๋กœ ์—…๋ฐ์ดํŠธํ–ˆ์Šต๋‹ˆ๋‹ค.
์ €๋Š” 3๊ฐœ์˜ ๊ธฐ๊ธฐ(Android 7, Android 8 ๋ฐ iOS 13.3)๋ฅผ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์›๊ฒฉ ๋””๋ฒ„๊น… ์ค‘์— ๋ชจ๋‘ ์ด ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. Android 8 ๋ฐ iOS์—์„œ ์•ฑ๊ณผ ์ƒํ˜ธ ์ž‘์šฉํ•  ์ˆ˜ ์žˆ์ง€๋งŒ Android 7์—์„œ๋Š” onPress ์ด๋ฒคํŠธ๊ฐ€ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์—‘์Šคํฌ๊ฐ€ ์•„๋‹Œ RN ๋ฌธ์ œ์ธ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

๊ฐ™์€ ์˜ค๋ฅ˜. RN ๋ฒ„์ „: 0.63.2

ํฌ๋กฌ์˜ ๋„คํŠธ์›Œํฌ ํƒญ์—์„œ ์บ์‹œ๋ฅผ ๋น„ํ™œ์„ฑํ™”ํ•˜๋ฉด ๋„์›€์ด ๋ฉ๋‹ˆ๋‹ค.

image

...ํ•˜์ง€๋งŒ ํ•ญ์ƒ ๊ทธ๋Ÿฐ ๊ฒƒ์€ ์•„๋‹™๋‹ˆ๋‹ค. ๋น ๋ฅธ ์ƒˆ๋กœ ๊ณ ์นจ์ด ์ฝ”๋“œ๋ฅผ ์—…๋ฐ์ดํŠธํ•˜์ง€๋งŒ ์•ฑ์„ ๋‹ค์‹œ ๋กœ๋“œํ•˜๋ฉด ์บ์‹œ๋œ ์ด์ „ ๋ฒ„์ „์œผ๋กœ ๋๋‚˜๋Š” "๋””๋ฒ„๊น… ๋กœ๋“œ ์ด์ „ ๋นŒ๋“œ" ๋ฌธ์ œ๊ฐ€ ์ด ๋ฌธ์ œ๋กœ ์ธํ•ด ๋ฐœ์ƒํ•œ๋‹ค๊ณ  ํ™•์‹ ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์€ ๋ฐœ๊ฒฌํ•˜๋Š” ์žฌ๋ฏธ์žˆ๋Š” ๊ฒƒ์ด์—ˆ์Šต๋‹ˆ๋‹ค.... ๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ํ”„๋กœํŒŒ์ผ๋ง ๋„๊ตฌ ๋ฐ ๋””๋ฒ„๊น… ๋„๊ตฌ(ํŠนํžˆ Android ์—๋ฎฌ๋ ˆ์ดํ„ฐ์˜ ๊ฒฝ์šฐ)์˜ ์ƒํƒœ๋Š” ํ˜„์žฌ ๋งค์šฐ ์Šฌํ”„์ง€๋งŒ ๋ถˆํ–‰ํžˆ๋„ ์ด๋ฅผ ๊ฐœ์„ ํ•  ๋„ค์ดํ‹ฐ๋ธŒ ์ฝ”๋“œ์— ๋Œ€ํ•œ ๊ฒฝํ—˜์ด ์—†์Šต๋‹ˆ๋‹ค.

ํŽธ์ง‘: ์ด๊ฒƒ์ด https://github.com/facebook/react-native/issues/29424 ์™€ ๊ด€๋ จ์ด ์žˆ๋Š”์ง€ ๊ถ๊ธˆํ•ฉ๋‹ˆ๋‹ค. ๋””๋ฒ„๊น…ํ•˜์ง€ ์•Š์„ ๋•Œ๋„ ๋ฐœ์ƒํ•˜์ง€๋งŒ.

์—ฌ๊ธฐ์— ๊ฐ™์€ ์˜ค๋ฅ˜๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.

ํ™•์‹คํžˆ ์†Œ์Šค ๋งต๊ณผ ๊ด€๋ จ๋œ ์˜ค๋ฅ˜์ž…๋‹ˆ๋‹ค. ์†Œ์Šค ๋งต์˜ URL์„ ๊ฐ€์ ธ์˜ค๋ ค๊ณ  ํ•˜๋ฉด ํ•ด๋‹น ์˜ค๋ฅ˜๊ฐ€ ๋คํ”„๋ฉ๋‹ˆ๋‹ค. devtools ์„ค์ •์—์„œ js์™€ โ€‹โ€‹css ๋ชจ๋‘์— ๋Œ€ํ•œ ์†Œ์Šค ๋งต์„ ๋น„ํ™œ์„ฑํ™”ํ•˜๋ฉด ๋” ์ด์ƒ ์˜ค๋ฅ˜๊ฐ€ ํ‘œ์‹œ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ƒ์„ฑํ•˜์ง€ ์•Š๊ฑฐ๋‚˜ ์ œ๊ณตํ•˜์ง€ ์•Š๋Š”๋‹ค๊ณ  ๋งํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

์™œ ๊ทธ๋Ÿด ์ˆ˜ ์žˆ๋Š”์ง€ ์•„๋Š” ์‚ฌ๋žŒ์ด ์žˆ์Šต๋‹ˆ๊นŒ? ์ œ ๊ฒฝ์šฐ์—๋Š” Windows์—์„œ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

์ด ๋ฌธ์ œ๋Š” ๋ฌด์ž‘์œ„๋กœ ๋ฐœ์ƒํ•˜๋ฉฐ ๋ฐœ์ƒํ•˜๋”๋ผ๋„ ์‚ฌ๋ผ์ง€๊ณ  ์‹ถ์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์ด๊ฒƒ์€ ๋‚˜๋ฅผ ์œ„ํ•ด ์ผํ–ˆ์Šต๋‹ˆ๋‹ค. ์‹œ๊ฐ„์ด ์กฐ๊ธˆ ๊ฑธ๋ฆฌ์ง€๋งŒ ์ง€๊ธˆ๋ถ€ํ„ฐ ์ตœ์•…์˜ ์‹œ๋‚˜๋ฆฌ์˜ค๋กœ ์ด ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

  1. Chrome์„ ์ข…๋ฃŒํ•˜๊ณ  ์ข…๋ฃŒํ•ฉ๋‹ˆ๋‹ค. ํ•„์š”ํ•œ ๊ฒฝ์šฐ ํฌ๋กฌ์„ ์—…๋ฐ์ดํŠธํ•˜์‹ญ์‹œ์˜ค.
  2. iPhone์—์„œ ์•ฑ ๋‹ซ๊ธฐ
  3. Xcode ์ค‘์ง€ ๋ฐ ๋‹ซ๊ธฐ
  4. ๋‚ด ํœด๋Œ€ํฐ์—์„œ ์•ฑ ์‚ญ์ œ
  5. npx react-native clean-project ์‹คํ–‰
  6. ๋‚ด ๋งฅ๋ถ ์žฌ์‹œ๋™

๋ถ„๋ช…ํžˆ ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ ์‹คํ–‰ ์ค‘์ธ ๊ฒฝ์šฐ ํ”„๋กœ์„ธ์Šค๋ฅผ ์•ฝ๊ฐ„ ์กฐ์ •ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์Šคํƒ€์ผ ์‹œํŠธ์—์„œ CSS ์Šคํƒ€์ผ ์˜ค๋ฅ˜๋ฅผ ์ˆ˜์ •ํ•˜์—ฌ ์ด ์˜ค๋ฅ˜๋ฅผ ์ˆ˜์ •ํ–ˆ์Šต๋‹ˆ๋‹ค.
์•„๋ž˜์™€ ๊ฐ™์ด ๊ฐ’์ด ํ‘œ์‹œ๋œ CSS ์Šคํƒ€์ผ ์‹œํŠธ๊ฐ€ ์žˆ๋Š”๋ฐ justifyContent์˜ ๊ฐ’์œผ๋กœ ์ธํ•ด ์ด ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค. justifyContent์˜ ๊ฐ’์„ ์ˆ˜์ •ํ•œ ํ›„ ๋‚ด ์•ฑ์ด ์„ฑ๊ณต์ ์œผ๋กœ ๋กœ๋“œ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
loginOrCreateTabContainer:{ flexDirection: "row", justifyContent: "stretch", },

๋‚ด ํ”„๋กœ์ ํŠธ๋ฅผ 0.61์—์„œ RN 0.63.2๋กœ ์—…๊ทธ๋ ˆ์ด๋“œํ•œ ํ›„ iOS์—์„œ ๋™์ผํ•œ ๋ฌธ์ œ๊ฐ€ ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค.

react-native init ์ƒ์„ฑ๋œ ์ƒˆ๋กœ์šด ๋นˆ ํ”„๋กœ์ ํŠธ์—์„œ ์—ฌ์ „ํžˆ ๋™์ผํ•œ ๋ฌธ์ œ๊ฐ€ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

๋‚˜๋Š” ์„ฑ๊ณตํ•˜์ง€ ์•Š๊ณ  ์œ„์—์„œ ์ œ์•ˆํ•œ ๋ชจ๋“  ์†”๋ฃจ์…˜์„ ์‹œ๋„ํ•˜๋ฉด์„œ ์ดํ‹€์˜ ๋” ๋‚˜์€ ๋ถ€๋ถ„์„ ๋ณด๋ƒˆ์Šต๋‹ˆ๋‹ค. ๋‚˜๋Š” ์‹ฌ์ง€์–ด macOS 10.15.5๋ฅผ ์‹คํ–‰ํ•˜๋Š” ์ƒˆ๋กœ์šด MacBook์„ ์‚ฌ์šฉํ•ด ๋ณด์•˜๊ณ  ํ•„์š”ํ•œ ๊ฐœ๋ฐœ ๋„๊ตฌ๋ฅผ ๋ชจ๋“  ๊ฒƒ์˜ ์ตœ์‹  ๋ฒ„์ „์œผ๋กœ ์„ค์ •ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋™์ผํ•œ ๋ฌธ์ œ์˜€์Šต๋‹ˆ๋‹ค.


๋‚ด ์˜ค๋ฅ˜ ์„ธ๋ถ€ ์ •๋ณด ๋ฐ ๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ์ •๋ณด ์ถœ๋ ฅ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

๋””๋ฒ„๊ฑฐ๋ฅผ ์—ฐ๊ฒฐํ•˜๋ฉด ์ฝ˜์†”์— ๋‹ค์Œ ์˜ค๋ฅ˜๊ฐ€ ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค.

Error: Unable to resolve module `./debugger-ui/debuggerWorker.cff11639` from ``: 

None of these files exist:
  * debugger-ui/debuggerWorker.cff11639(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
  * debugger-ui/debuggerWorker.cff11639/index(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
    at ModuleResolver.resolveDependency (/Users/jeremy/Developer/source/MyCep-Upgrade/MyCep/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:163:15)
    at ResolutionRequest.resolveDependency (/Users/jeremy/Developer/source/MyCep-Upgrade/MyCep/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:52:18)
    at DependencyGraph.resolveDependency (/Users/jeremy/Developer/source/MyCep-Upgrade/MyCep/node_modules/metro/src/node-haste/DependencyGraph.js:287:16)
    at /Users/jeremy/Developer/source/MyCep-Upgrade/MyCep/node_modules/metro/src/lib/transformHelpers.js:267:42
    at /Users/jeremy/Developer/source/MyCep-Upgrade/MyCep/node_modules/metro/src/Server.js:1096:37
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (/Users/jeremy/Developer/source/MyCep-Upgrade/MyCep/node_modules/metro/src/Server.js:99:24)
    at _next (/Users/jeremy/Developer/source/MyCep-Upgrade/MyCep/node_modules/metro/src/Server.js:119:9)
    at process._tickCallback (internal/process/next_tick.js:68:7)

๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ์ •๋ณด:

$ react-native info
info Fetching system and libraries information...
System:
    OS: macOS 10.15.5
    CPU: (8) x64 Intel(R) Core(TM) i7-6820HQ CPU @ 2.70GHz
    Memory: 1.19 GB / 16.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 10.22.0 - ~/.nvm/versions/node/v10.22.0/bin/node
    Yarn: Not Found
    npm: 6.14.6 - ~/.nvm/versions/node/v10.22.0/bin/npm
    Watchman: 4.7.0 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.8.4 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: iOS 13.6, DriverKit 19.0, macOS 10.15, tvOS 13.4, watchOS 6.2
    Android SDK:
      API Levels: 20, 23, 24, 25, 26, 27, 28
      Build Tools: 23.0.1, 23.0.3, 25.0.0, 25.0.2, 25.0.3, 26.0.0, 26.0.1, 26.0.2, 27.0.0, 27.0.1, 27.0.2, 27.0.3, 28.0.3, 29.0.0
      System Images: android-24 | Google Play Intel x86 Atom, android-25 | Google APIs Intel x86 Atom, android-26 | Google Play Intel x86 Atom
      Android NDK: Not Found
  IDEs:
    Android Studio: 3.3 AI-182.5107.16.33.5314842
    Xcode: 11.6/11E708 - /usr/bin/xcodebuild
  Languages:
    Java: 1.8.0_131 - /usr/bin/javac
    Python: 2.7.15 - /usr/local/bin/python
  npmPackages:
    @react-native-community/cli: Not Found
    react: 16.13.1 => 16.13.1 
    react-native: 0.63.2 => 0.63.2 
  npmGlobalPackages:
    *react-native*: Not Found

IOS ์—๋ฎฌ๋ ˆ์ดํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ macOS 10.15.6์—์„œ RN 0.63.2๋ฅผ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๋‚˜๋Š” ์ ์–ด๋„ 6๊ฐœ์›” ๋™์•ˆ ๊ทธ ์˜ค๋ฅ˜์™€ ์”จ๋ฆ„ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์Šคํƒ์„ ์–ป์„ ๋•Œ๋งˆ๋‹ค ๋„์›€์ด ๋˜๋Š” ๋‚ด์šฉ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

**1. ๋งฅ ์žฌ์‹œ๋™

  1. $ ๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ์‹œ์ž‘ --reset-cache
  2. XCode์—์„œ ์•ฑ ์‹คํ–‰**

ํŒ:

  • "react-native start --reset-cache" ์‹คํ–‰์„ ๋†“์น˜๊ณ  XCode ์—†์ด ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•˜๋ฉด "๋ชจ๋“ˆ์„ ํ•ด๊ฒฐํ•  ์ˆ˜ ์—†์Œ"์ด ํ‘œ์‹œ๋  ์ˆ˜ ์žˆ์œผ๋ฉฐ ๋„์›€์ด ๋  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์€ ์‹œ์Šคํ…œ ์žฌ์‹œ์ž‘๋ฟ์ž…๋‹ˆ๋‹ค)
  • ๊ฐœ๋ฐœ์ด ์™„๋ฃŒ๋  ๋•Œ๋งˆ๋‹ค ํ„ฐ๋ฏธ๋„์—์„œ cmd+C, ์—๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ cmd+Q, XCode์—์„œ ์ค‘์ง€(cmd+.), Chrome์—์„œ ๋””๋ฒ„๊ฑฐ ํƒญ ๋‹ซ๊ธฐ

๊ทธ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์ด ๋ˆ„๊ตฐ๊ฐ€๋ฅผ ๋„์šธ ์ˆ˜ ์žˆ๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค! ์ง€์—˜

IOS ์—๋ฎฌ๋ ˆ์ดํ„ฐ๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ macOS 10.15.6์—์„œ RN 0.63.2๋ฅผ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ๋‚˜๋Š” ์ ์–ด๋„ 6๊ฐœ์›” ๋™์•ˆ ๊ทธ ์˜ค๋ฅ˜์™€ ์”จ๋ฆ„ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ์Šคํƒ์„ ์–ป์„ ๋•Œ๋งˆ๋‹ค ๋„์›€์ด ๋˜๋Š” ๋‚ด์šฉ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

1. Mac์„ ๋‹ค์‹œ ์‹œ์ž‘ํ•ฉ๋‹ˆ๋‹ค. 2. $ react-native start --reset-cache 3. XCode์—์„œ ์•ฑ์„ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค.

ํŒ:

  • "react-native start --reset-cache" ์‹คํ–‰์„ ๋†“์น˜๊ณ  XCode ์—†์ด ํ”„๋กœ์ ํŠธ๋ฅผ ์‹œ์ž‘ํ•˜๋ฉด "๋ชจ๋“ˆ์„ ํ•ด๊ฒฐํ•  ์ˆ˜ ์—†์Œ"์ด ํ‘œ์‹œ๋  ์ˆ˜ ์žˆ์œผ๋ฉฐ ๋„์›€์ด ๋  ์ˆ˜ ์žˆ๋Š” ๊ฒƒ์€ ์‹œ์Šคํ…œ ์žฌ์‹œ์ž‘๋ฟ์ž…๋‹ˆ๋‹ค)
  • ๊ฐœ๋ฐœ์ด ์™„๋ฃŒ๋  ๋•Œ๋งˆ๋‹ค ํ„ฐ๋ฏธ๋„์—์„œ cmd+C, ์—๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ cmd+Q, XCode์—์„œ ์ค‘์ง€(cmd+.), Chrome์—์„œ ๋””๋ฒ„๊ฑฐ ํƒญ ๋‹ซ๊ธฐ

๊ทธ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์ด ๋ˆ„๊ตฐ๊ฐ€๋ฅผ ๋„์šธ ์ˆ˜ ์žˆ๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค! ์ง€์—˜

๊ทธ ํ›„์— ๊ตํšŒ์— ๊ฐ€์„œ ์ดˆ๋ฅผ ์ผœ๊ณ  ์˜ค๊ฐํ˜•์„ ๊ทธ๋ฆฌ๊ณ  ํƒฌ๋ฒ„๋ฆฐ์œผ๋กœ 2~3์‹œ๊ฐ„ ์ถค์„ ์ถฅ๋‹ˆ๋‹ค. :) :) :)
์ด ๋””๋ฒ„๊ฑฐ ์‚ฌ์šฉ์„ ์ค‘์ง€ํ•˜๊ณ  ๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ๋””๋ฒ„๊ฑฐ ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์„ ์‚ฌ์šฉํ•˜์—ฌ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค.

๋‚˜๋Š” ์•ˆ๋“œ๋กœ์ด๋“œ์—์„œ์ด ๋ฌธ์ œ์— ์ง๋ฉดํ–ˆ์Šต๋‹ˆ๋‹ค. ์œ„์—์„œ ์–ธ๊ธ‰ ํ•œ ๋ชจ๋“  ๊ฒƒ์„ ์‹œ๋„ํ–ˆ์ง€๋งŒ ์•„๋ฌด ๊ฒƒ๋„ ์ž‘๋™ํ•˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค. ๋‚˜์ค‘์— ๋‚˜๋Š” ์ข…์†์„ฑ์„ ์„ค์น˜ํ–ˆ์ง€๋งŒ ๋ฌธ์ œ๋ฅผ ์ผ์œผํ‚ค๋Š” ์ œ๋Œ€๋กœ ๊ตฌ์„ฑ๋˜์ง€ ์•Š์•˜์Œ์„ ๋ฐœ๊ฒฌํ–ˆ์Šต๋‹ˆ๋‹ค. ์ œ ๊ฒฝ์šฐ์—๋Š” ์•„์ง ์ œ๋Œ€๋กœ ๊ตฌ์„ฑํ•˜์ง€ ์•Š์•˜๊ธฐ ๋•Œ๋ฌธ์— react-native-firebase์˜€์œผ๋ฏ€๋กœ ์ œ๊ฑฐํ•œ ํ›„์—๋Š” ํ•  ์ˆ˜ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๋””๋ฒ„๊ฑฐ๋ฅผ ํ™œ์„ฑํ™”ํ•˜์—ฌ ์•ฑ์„ ์‹คํ–‰ํ•ฉ๋‹ˆ๋‹ค.

๊ฐ™์€ ๋ฌธ์ œ์— ์ง๋ฉด

"๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ" ์‚ฌ์šฉ: "0.62.2"

์บ์‹œ ์žฌ์„ค์ • ๋˜๋Š” ์žฌ๋ถ€ํŒ… ์—†์ด ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋จ

0.62.2์—์„œ react-native 0.23.1๋กœ ๋˜๋Œ๋ฆฌ๋ฉด ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

์ด์ƒํ•œ ์‚ฌ๋žŒ. @HenriqueDerosa๊ฐ€ ๊ฒŒ์‹œํ•œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์€ ์ž˜ ์ž‘๋™ํ–ˆ์Šต๋‹ˆ๋‹ค(๊ธฐ๊ธฐ์—์„œ ์•ฑ ์ œ๊ฑฐ ๋ฐ ์„ค์น˜).

๋ฌธ๋งฅ:
์ด ์˜ค๋ฅ˜๋Š” ๋กœ์ปฌ์—์„œ ํ˜ธ์ŠคํŒ…๋˜๋Š” ๋‚ด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ GET ์š”์ฒญ์„ ํ•˜๋ ค๊ณ  ํ•  ๋•Œ ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค.

try {
     api.get('/projects').then(response => {   //api has the baseUrl/Computer Ip
        console.log("Done!");
     });
} catch (error) {
     console.log(error);
}

์˜ค๋ฅ˜:

index.bundle?platforโ€ฆ&minify=false:41548 Possible Unhandled Promise Rejection (id: 1):
Error: Network Error
Error: Network Error
    at createError (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:99384:17)
    at EventTarget.handleError (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:99288:16)
    at EventTarget.dispatchEvent (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:32277:27)
    at EventTarget.setReadyState (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:31367:20)
    at EventTarget.__didCompleteResponse (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:31183:16)
    at http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:31293:47
    at RCTDeviceEventEmitter.emit (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:3537:37)
    at MessageQueue.__callFunction (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:2765:31)
    at http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:2497:17
    at MessageQueue.__guard (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:2719:13)

๊ฐ™์€ ๋ฌธ์ œ์ž…๋‹ˆ๋‹ค.
๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ๋ฒ„์ „์€ 0.61.5์ž…๋‹ˆ๋‹ค.
์œ„์˜ ์ถ”์ฒœ์ด ๋„์›€์ด ๋˜์ง€ ์•Š์Œ

์—…๋ฐ์ดํŠธ:
์ €์—๊ฒŒ๋Š” Redux๊ฐ€ ๋ฌธ์ œ์˜ ์›์ธ์ด์—ˆ์Šต๋‹ˆ๋‹ค. ๋ชจ๋“  ๊ฒƒ์ด ์„ค์ •๋˜์—ˆ๊ณ  ์ƒ์ ์— ํ•„์š”ํ•œ ๋ชจ๋“  ๊ฐ’์ด ์žˆ๋Š”์ง€ ์•Œ์•„๋‚ด์‹ญ์‹œ์˜ค.

Android ๊ธฐ๊ธฐ์—์„œ๋„ ๋™์ผํ•œ ๋ฌธ์ œ
Error: Unable to resolve module `./debugger-ui/ui.bcd3f9d1.js` from : ``
๋ชจ๋“  ๋‹จ๊ณ„๋ฅผ ์‹œ๋„ํ–ˆ์ง€๋งŒ ์•„๋ฌด ๊ฒƒ๋„ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. Android 9.0 ์ด๋ฏธ์ง€๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ๋””๋ฒ„๊ทธ ๋ฐ ๊ธฐ๋ณธ 0.63.2 ๋ฐ˜์‘

๊ฐ™์€

+1

๋ฌธ์ œ๋Š” Chrome์˜ React Native Debugger์™€ ๊ด€๋ จ๋œ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์—๋ฎฌ๋ ˆ์ดํ„ฐ์— Expo ํด๋ผ์ด์–ธํŠธ๋ฅผ ๋‹ค์‹œ ์„ค์น˜ํ•œ ๋‹ค์Œ ์•ฑ์„ ์‹œ์ž‘ํ–ˆ๋Š”๋ฐ ๋ฌธ์ œ๊ฐ€ ์‚ฌ๋ผ์กŒ์Šต๋‹ˆ๋‹ค. Dubug Remote JS ์˜ต์…˜์„ ์„ ํƒํ•˜์ง€ ๋งˆ์‹ญ์‹œ์˜ค.

https://reactnavigation.org/docs/troubleshooting/#app -is-not-working-properly-when-connected-to-chrome-debugger

Hey All, ๋‚˜๋Š”์ด ๋ฌธ์ œ๊ฐ€ ์žˆ์—ˆ๊ณ  ๋‚˜๋ฅผ ์œ„ํ•ด ์ผํ•œ ๊ฒƒ์€ Chrome ์บ์‹œ๋ฅผ ์ง€์šฐ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๊ทธ๋ฆฌ๊ณ  '์ผํ–ˆ๋‹ค'๋Š” ๊ฒƒ์€ ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ์— ๋นจ๊ฐ„์ƒ‰ ์˜ค๋ฅ˜ ํ™”๋ฉด์ด ํ‘œ์‹œ๋˜์ง€ ์•Š๊ณ  ์ •์ƒ์ ์œผ๋กœ ๊ณ„์† ๊ฐœ๋ฐœํ•  ์ˆ˜ ์žˆ์Œ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค.

๋‚˜๋Š” ๋‚˜๋ฅผ ์œ„ํ•ด ํ•ด๊ฒฐํ–ˆ๋‹ค. ๊ฐ์‚ฌ ํ•ด์š”

์ด์ƒํ•œ ์‚ฌ๋žŒ. @HenriqueDerosa๊ฐ€ ๊ฒŒ์‹œํ•œ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์€ ์ž˜ ์ž‘๋™ํ–ˆ์Šต๋‹ˆ๋‹ค(๊ธฐ๊ธฐ์—์„œ ์•ฑ ์ œ๊ฑฐ ๋ฐ ์„ค์น˜).

๋ฌธ๋งฅ:
์ด ์˜ค๋ฅ˜๋Š” ๋กœ์ปฌ์—์„œ ํ˜ธ์ŠคํŒ…๋˜๋Š” ๋‚ด ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ GET ์š”์ฒญ์„ ํ•˜๋ ค๊ณ  ํ•  ๋•Œ ๋‚˜ํƒ€๋‚ฉ๋‹ˆ๋‹ค.

try {
     api.get('/projects').then(response => {   //api has the baseUrl/Computer Ip
        console.log("Done!");
     });
} catch (error) {
     console.log(error);
}

์˜ค๋ฅ˜:

index.bundle?platforโ€ฆ&minify=false:41548 Possible Unhandled Promise Rejection (id: 1):
Error: Network Error
Error: Network Error
    at createError (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:99384:17)
    at EventTarget.handleError (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:99288:16)
    at EventTarget.dispatchEvent (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:32277:27)
    at EventTarget.setReadyState (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:31367:20)
    at EventTarget.__didCompleteResponse (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:31183:16)
    at http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:31293:47
    at RCTDeviceEventEmitter.emit (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:3537:37)
    at MessageQueue.__callFunction (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:2765:31)
    at http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:2497:17
    at MessageQueue.__guard (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:2719:13)

์—๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ ์ œ๊ฑฐํ•˜๋ฉด ๋‚˜๋ฅผ ์œ„ํ•ด ํŠธ๋ฆญ์„ ์ˆ˜ํ–‰ํ–ˆ์Šต๋‹ˆ๋‹ค.

๋‚˜๋Š” ์ด๊ฒƒ์„ React Native Debug "Stop Debugging" ๋ฐ "Debug"๋กœ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค.

๋””๋ฒ„๊ฑฐ-ui/ EXPO-CLI ์ถฉ๋Œ
๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ์—‘์Šคํฌ SDK 39
DevTools๊ฐ€ SourceMap์„ ๋กœ๋“œํ•˜์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค. http://localhost :19001/debugger-ui/ui.bcd3f9d1.js.map์— ๋Œ€ํ•œ ์ฝ˜ํ…์ธ ๋ฅผ ๋กœ๋“œํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. HTTP ์˜ค๋ฅ˜: ์ƒํƒœ ์ฝ”๋“œ 500, net::ERR_HTTP_RESPONSE_CODE_FAILURE

๊ฐ™์€ ๋ฌธ์ œ์— ์ง๋ฉดํ–ˆ์Šต๋‹ˆ๋‹ค. ์ตœ์‹  ๋ฒ„์ „์˜ watchman์„ ์„ค์น˜ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
https://facebook.github.io/watchman/docs/install.html

๊ฐ™์€ ๋ฌธ์ œ์— ์ง๋ฉดํ–ˆ์Šต๋‹ˆ๋‹ค. ์ตœ์‹  ๋ฒ„์ „์˜ watchman์„ ์„ค์น˜ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
https://facebook.github.io/watchman/docs/install.html

@vovka-s๋Š” ์ตœ์‹  ๋ฒ„์ „(4.9.0)์˜ ํŒŒ์ˆ˜๊พผ์„ ์„ค์น˜ํ•˜๊ณ 
react-native init itdidaAppCompany

๋งฅOS 10.15.7
RN: 0.63.2

Error: Unable to resolve module `./debugger-ui/ui.bcd3f9d1.js` from ``: 

None of these files exist:
  * debugger-ui/ui.bcd3f9d1.js(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
  * debugger-ui/ui.bcd3f9d1.js/index(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
    at ModuleResolver.resolveDependency (/Users/forrest/Downloads/itdidaAppCompany/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:163:15)
    at ResolutionRequest.resolveDependency (/Users/forrest/Downloads/itdidaAppCompany/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:52:18)
    at DependencyGraph.resolveDependency (/Users/forrest/Downloads/itdidaAppCompany/node_modules/metro/src/node-haste/DependencyGraph.js:287:16)
    at /Users/forrest/Downloads/itdidaAppCompany/node_modules/metro/src/lib/transformHelpers.js:267:42
    at Server.<anonymous> (/Users/forrest/Downloads/itdidaAppCompany/node_modules/metro/src/Server.js:841:41)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (/Users/forrest/Downloads/itdidaAppCompany/node_modules/metro/src/Server.js:99:24)
    at _next (/Users/forrest/Downloads/itdidaAppCompany/node_modules/metro/src/Server.js:119:9)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)

๊ฐ™์€ ๋ฌธ์ œ์— ์ง๋ฉดํ–ˆ์Šต๋‹ˆ๋‹ค. ์ตœ์‹  ๋ฒ„์ „์˜ watchman์„ ์„ค์น˜ํ•˜๋Š” ๋ฐ ๋„์›€์ด ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
https://facebook.github.io/watchman/docs/install.html

@vovka-s๋Š” ์ตœ์‹  ๋ฒ„์ „(4.9.0)์˜ ํŒŒ์ˆ˜๊พผ์„ ์„ค์น˜ํ•˜๊ณ 
react-native init itdidaAppCompany

๋งฅOS 10.15.7
RN: 0.63.2

Error: Unable to resolve module `./debugger-ui/ui.bcd3f9d1.js` from ``: 

None of these files exist:
  * debugger-ui/ui.bcd3f9d1.js(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
  * debugger-ui/ui.bcd3f9d1.js/index(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
    at ModuleResolver.resolveDependency (/Users/forrest/Downloads/itdidaAppCompany/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:163:15)
    at ResolutionRequest.resolveDependency (/Users/forrest/Downloads/itdidaAppCompany/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:52:18)
    at DependencyGraph.resolveDependency (/Users/forrest/Downloads/itdidaAppCompany/node_modules/metro/src/node-haste/DependencyGraph.js:287:16)
    at /Users/forrest/Downloads/itdidaAppCompany/node_modules/metro/src/lib/transformHelpers.js:267:42
    at Server.<anonymous> (/Users/forrest/Downloads/itdidaAppCompany/node_modules/metro/src/Server.js:841:41)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep (/Users/forrest/Downloads/itdidaAppCompany/node_modules/metro/src/Server.js:99:24)
    at _next (/Users/forrest/Downloads/itdidaAppCompany/node_modules/metro/src/Server.js:119:9)
    at processTicksAndRejections (internal/process/task_queues.js:93:5)

๋‚˜๋Š” Windows 10 && react-native : ์ตœ์‹ ์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
๋‚˜์—๊ฒŒ๋„ ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. ํŒŒ์ˆ˜๊พผ์„ ์„ค์น˜ํ•œ ํ›„์—๋„ @react-native-community/cli-debugger-ui & react-devtools-core.
์•„๋ฌด๊ฒƒ๋„ ์ž‘๋™ํ•˜์ง€ ์•Š์Œ

๋””๋ฒ„๊ทธ์šฉ์œผ๋กœ ์ด๊ฒƒ์„ ์‚ฌ์šฉํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค.
https://github.com/jhen0409/react-native-debugger

์—‘์Šคํฌ๋ฅผ ์‚ฌ์šฉ ์ค‘์ด๊ณ  sdk-38.0.2๋กœ ์—…๊ทธ๋ ˆ์ด๋“œํ–ˆ๋Š”๋ฐ ์ด๋กœ ์ธํ•ด ์›๊ฒฉ ๋””๋ฒ„๊น…์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์—ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด ์•ฑ์€ ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€๋ฅผ ๋กœ๋“œํ•˜์ง€๋งŒ ๋ชจ๋“  ๋ฒ„ํŠผ๊ณผ ์ž…๋ ฅ์€ ์‘๋‹ตํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋ฒ„ํŠผ์„ ์—ฌ๋Ÿฌ ๋ฒˆ ํด๋ฆญํ•˜๋ฉด ๋ฒ„ํŠผ์ด ๊ฒฐ๊ตญ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. ์›๊ฒฉ ๋””๋ฒ„๊น…์ด ๋น„ํ™œ์„ฑํ™”๋œ ๊ฒฝ์šฐ ์•ฑ์ด ์ œ๋Œ€๋กœ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. ์—‘์Šคํฌ์˜ ๊ธฐ๋ณธ sdk-36.0.1 ๋ฐ ์—‘์Šคํฌ 36.0.2 ๋ฐ˜์‘์œผ๋กœ ๋Œ์•„๊ฐ€์•ผ ํ–ˆ์Šต๋‹ˆ๋‹ค.

์ž‘๋™ ์•ˆํ•จ
ํŒจํ‚ค์ง€.json
"์—‘์Šคํฌ": "^38.0.0",
"๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ": " https://github.com/expo/react-native/archive/sdk-38.0.2.tar.gz ",
ํŒจํ‚ค์ง€ ์ž ๊ธˆ.json
์—‘์Šคํฌ: 38.0.10

์ผํ•˜๊ณ ์žˆ๋Š”
ํŒจํ‚ค์ง€.json
"์—‘์Šคํฌ": "^36.0.0",
"๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ": " https://github.com/expo/react-native/archive/sdk-36.0.1.tar.gz ",
ํŒจํ‚ค์ง€ ์ž ๊ธˆ.json
์—‘์Šคํฌ: 36.0.2

package.json์ด ์ž‘๋™ํ•˜์ง€ ์•Š์Œ
```{
"๋ฉ”์ธ": "node_modules/expo/AppEntry.js",
"์Šคํฌ๋ฆฝํŠธ": {
"์‹œ์ž‘": "์—‘์Šคํฌ ์‹œ์ž‘",
"์•ˆ๋“œ๋กœ์ด๋“œ": "์—‘์Šคํฌ ์‹œ์ž‘ --์•ˆ๋“œ๋กœ์ด๋“œ",
"ios": "์—‘์Šคํฌ ์‹œ์ž‘ --ios",
"๊บผ๋‚ด๊ธฐ": "์—‘์Šคํฌ ๊บผ๋‚ด๊ธฐ",
"lint": "eslint . -c .eslintrc.js --ext .js",
"ํ๋ฆ„": "ํ๋ฆ„",
"๊ฒŒ์‹œ ์—…๋ฐ์ดํŠธ": "์—‘์Šคํฌ ๊ฒŒ์‹œ",
"build-android-apk": "expo build:android -t apk",
"build-android-aab": "expo build:android -t ์•ฑ ๋ฒˆ๋“ค",
"build-ios": "expo build:ios "
},
"์ข…์†์„ฑ": {
"@expo/vector-icons": "^10.0.0",
"@react-native-community/masked-view": "0.1.10",
"@react-navigation/์„œ๋ž": "^5.0.0",
"@react-navigation/๋„ค์ดํ‹ฐ๋ธŒ": "^5.0.0",
"@react-navigation/stack": "^5.0.0",
"์—‘์Šคํฌ": "^38.0.0",
"์—‘์Šคํฌ ์„ ํ˜• ๊ทธ๋ผ๋ฐ์ด์…˜": "~8.2.1",
"์—‘์Šคํฌ ์•Œ๋ฆผ": "~0.3.3",
"์—‘์Šคํฌ ๊ถŒํ•œ": "~9.0.1",
"lodash": "^4.17.20",
"์ˆœ๊ฐ„": "^2.24.0",
"์†Œํ’ˆ ์œ ํ˜•": "^15.7.2",
"๋ฐ˜์‘": "16.11.0",
"๋ฐ˜์‘๋”": "16.11.0",
"๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ": " https://github.com/expo/react-native/archive/sdk-38.0.2.tar.gz ",
"๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ์ œ์Šค์ฒ˜ ์ฒ˜๋ฆฌ๊ธฐ": "~1.6.0",
"react-native-keyboard-aware-scroll-view": "^0.9.2",
"react-native-reanimated": "~1.9.0",
"๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ์•ˆ์ „ ์˜์—ญ ์ปจํ…์ŠคํŠธ": "~3.0.7",
"๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ํ™”๋ฉด": "~2.9.0",
"๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ ์›น": "~0.11.7",
"๋ฐ˜์‘ ํƒ์ƒ‰": "^3.11.1",
"๋ฐ˜์‘ ํƒ์ƒ‰ ํ—ค๋” ๋ฒ„ํŠผ": "^3.0.1",
"๋ฐ˜์‘ redux": "^7.1.0",
"redux": "^4.0.4",
"redux-thunk": "^2.3.0"
},
"devDependencies": {
"babel-eslint": "^10.1.0",
"babel-preset-expo": "^8.2.3",
"eslint": "^7.10.0",
"eslint-config-airbnb": "^18.2.0",
"eslint-config-prettier": "^6.12.0",
"eslint-plugin-extra-rules": "0.0.0-development",
"eslint-plugin-import": "^2.22.0",
"eslint-plugin-jsx-a11y": "^6.3.1",
"eslint-plugin-prettier": "^3.1.4",
"eslint-plugin-react": "^7.21.2",
"eslint-plugin-react-native": "^3.9.1",
"eslint-plugin-sort-class-members": "^1.8.0",
"eslint-plugin-unused-imports": "^0.1.3",
"ํ๋ฆ„": "^0.2.3",
"ํ”Œ๋กœ์šฐ ๋นˆ": "^0.134.0",
"๋” ์˜ˆ์˜๋‹ค": "^2.1.2",
"redux-devtools-extension": "^2.13.8"
},
"๋น„๊ณต๊ฐœ": ์‚ฌ์‹ค
}

package.json Working
```{
  "main": "node_modules/expo/AppEntry.js",
  "scripts": {
    "start": "expo start",
    "android": "expo start --android",
    "ios": "expo start --ios",
    "eject": "expo eject",
    "lint": "eslint . -c .eslintrc.js --ext .js",
    "flow": "flow",
    "publish-updates": "expo publish",
    "build-android-apk": "expo build:android -t apk",
    "build-android-aab": "expo build:android -t app-bundle",
    "build-ios": "expo build:ios"
  },
  "dependencies": {
    "@expo/vector-icons": "^10.2.1",
    "@react-native-community/masked-view": "0.1.5",
    "@react-navigation/drawer": "^5.0.0",
    "@react-navigation/native": "^5.0.0",
    "@react-navigation/stack": "^5.0.0",
    "expo": "^36.0.0",
    "expo-linear-gradient": "~8.0.0",
    "lodash": "^4.17.20",
    "moment": "^2.24.0",
    "prop-types": "^15.7.2",
    "react": "16.11.0",
    "react-dom": "16.9.0",
    "react-native": "https://github.com/expo/react-native/archive/sdk-36.0.1.tar.gz",
    "react-native-gesture-handler": "~1.5.0",
    "react-native-keyboard-aware-scroll-view": "^0.9.1",
    "react-native-reanimated": "~1.4.0",
    "react-native-safe-area-context": "0.6.0",
    "react-native-screens": "2.0.0-alpha.12",
    "react-native-web": "^0.11.7",
    "react-navigation": "^3.11.1",
    "react-navigation-header-buttons": "^3.0.1",
    "react-redux": "^7.1.0",
    "redux": "^4.0.4",
    "redux-thunk": "^2.3.0"
  },
  "devDependencies": {
    "babel-eslint": "^10.1.0",
    "babel-preset-expo": "^8.2.3",
    "eslint": "^7.10.0",
    "eslint-config-airbnb": "^18.2.0",
    "eslint-config-prettier": "^6.12.0",
    "eslint-plugin-extra-rules": "0.0.0-development",
    "eslint-plugin-import": "^2.22.0",
    "eslint-plugin-jsx-a11y": "^6.3.1",
    "eslint-plugin-prettier": "^3.1.4",
    "eslint-plugin-react": "^7.21.2",
    "eslint-plugin-react-native": "^3.9.1",
    "eslint-plugin-sort-class-members": "^1.8.0",
    "eslint-plugin-unused-imports": "^0.1.3",
    "flow": "^0.2.3",
    "flow-bin": "^0.134.0",
    "prettier": "^2.1.2",
    "redux-devtools-extension": "^2.13.8"
  },
  "private": true
}

๋ธŒ๋ผ์šฐ์ € ์บ์‹œ ์ง€์šฐ๊ธฐ/์‹œํฌ๋ฆฟ ์‚ฌ์šฉ

RN 0.62.2๊ฐ€ ์žˆ๋Š” Windows 10์—์„œ๋„ ๋™์ผํ•œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.
์—‘์Šคํฌ๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์ข‹์•„, ์ตœ์‹  ์—‘์Šคํฌ cli๋ฅผ ์„ค์น˜ํ•˜๊ณ  '์—‘์Šคํฌ ์—…๊ทธ๋ ˆ์ด๋“œ'๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ ์—‘์Šคํฌ์—์„œ ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ–ˆ์Šต๋‹ˆ๋‹ค.
์—‘์Šคํฌ 39.0.3
์—‘์Šคํฌ์˜ ๋ฆฌ์•กํŠธ ๋„ค์ดํ‹ฐ๋ธŒ https://github.com/expo/react-native/archive/sdk-39.0.3.tar.gz

https://github.com/babel/minify/issues/950 ๏ผŒ
์ด ์†”๋ฃจ์…˜์€ ๋‚˜๋ฅผ ๋„์™”์Šต๋‹ˆ๋‹ค. babel.config.js์—์„œ ํ”„๋กœ์ ํŠธ๋ฅผ ํ™•์ธํ•˜์‹ญ์‹œ์˜ค. 'transform-remove-console'

@LixingY ๋งํฌ ๋์— ์ถ”๊ฐ€ ์‰ผํ‘œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. https://github.com/babel/minify/issues/950 ์ด์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

์–ด์จŒ๋“ , ๊ทธ๊ฒƒ์€ ๋‚˜์—๊ฒŒ ๋„์›€์ด๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

transform-remove-console ์ด ํŒŒ์ผ์„ ์‚ญ์ œํ•˜์…จ์Šต๋‹ˆ๊นŒ? ๊ทธ๋Ÿฐ ๋‹ค์Œ ์•ฑ์„ ์ œ๊ฑฐํ•˜๊ณ  react-native start --reset-cache๋ฅผ ์‹œ์ž‘ํ•œ ๋‹ค์Œ ์‹œ๋„ํ•˜์‹ญ์‹œ์˜ค.


ๅ‘ไปถไบบ: Yossi [email protected]
ๅ‘้€ๆ—ถ้—ด: 2020ๅนด10ๆœˆ12ๆ—ฅ 10:11
ๆ”ถไปถไบบ: facebook/react-native [email protected]
ๆŠ„้€: Aaron [email protected] ; ๋ฉ˜์…˜ @noreply.github.com
ไธป้ข˜: Re: [facebook/react-native] ์˜ค๋ฅ˜: ``์—์„œ ./debugger-ui/debuggerWorker.cff11639.js ๋ชจ๋“ˆ์„ ํ™•์ธํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค: (#28844)

@LixingY https://github.com/LixingY ๋งํฌ ๋์— ์ถ”๊ฐ€ ์‰ผํ‘œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. babel/minify#950 https://github.com/babel/minify/issues/950

์–ด์จŒ๋“ , ๊ทธ๊ฒƒ์€ ๋‚˜์—๊ฒŒ ๋„์›€์ด๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

โ€•
๋‹น์‹ ์ด ์–ธ๊ธ‰๋˜์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์ด๊ฒƒ์„ ๋ฐ›๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.
์ด ์ด๋ฉ”์ผ์— ์ง์ ‘ ํšŒ์‹ ํ•˜๊ฑฐ๋‚˜ GitHub https://github.com/facebook/react-native/issues/28844#issuecomment-707025336 ์—์„œ ํ™•์ธํ•˜๊ฑฐ๋‚˜ https://github.com/notifications/unsubscribe-auth/AJNF2S2W2FTL6ZDO2IS3FCLSKLI53ANCNFSM4M ๊ตฌ๋…์„ ์ทจ์†Œ

๋‚ด ํŠธ๋ฆฌ์—์„œ ์ด ํŒŒ์ผ์„ ๋ณผ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.
๋‚ด๊ฐ€ ์ดํ•ดํ•˜์ง€ ๋ชปํ•˜๋Š” ํ•œ ๊ฐ€์ง€ : babel์˜ ์ฐธ์กฐ๋Š” ํ”„๋กœ๋•์…˜์— ๋Œ€ํ•œ ๊ฒƒ์ด๋ฉฐ ๋””๋ฒ„๊ทธ ๋ชจ๋“œ์— ๋Œ€ํ•ด ์ด์•ผ๊ธฐํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

๋‚ด ์žฅ์น˜ ๋‚ ์งœ๋ฅผ ๋ฏธ๋ž˜๋กœ ์„ค์ •ํ•˜๋ฉด ๋„คํŠธ์›Œํฌ ์š”์ฒญ์„ ์ˆ˜ํ–‰ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๊ธ€์Ž„, ๋‚˜๋Š” ๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ 0.63.3์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ์ˆ˜ํ–‰ํ•œ ์ž‘์—…์€ ์‹คํ–‰ ์ค‘์ธ ๋ชจ๋“  ํ”„๋กœ๊ทธ๋žจ์„ ๋‹ซ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋‚ด OS๋ฅผ ๋‹ค์‹œ ์‹œ์ž‘ํ•˜๋ฉด ์‚ฌ๋ผ์ง‘๋‹ˆ๋‹ค.
ํ”„๋กœ๊ทธ๋žจ์„ ์‹คํ–‰ํ•˜๊ณ  ๋šœ๊ป‘์„ ๋‹ซ๊ฑฐ๋‚˜ ์˜ค๋žซ๋™์•ˆ ์ž ์„ ์ž๋ฉด ์ด๋Ÿฐ ์ผ์ด ๋ฐœ์ƒํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

๊ธ€์Ž„, ๋‚˜๋Š” ๋ฐ˜์‘ ๋„ค์ดํ‹ฐ๋ธŒ 0.63.3์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.
์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๊ธฐ ์œ„ํ•ด ์ˆ˜ํ–‰ํ•œ ์ž‘์—…์€ ์‹คํ–‰ ์ค‘์ธ ๋ชจ๋“  ํ”„๋กœ๊ทธ๋žจ์„ ๋‹ซ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋‚ด OS๋ฅผ ๋‹ค์‹œ ์‹œ์ž‘ํ•˜๋ฉด ์‚ฌ๋ผ์ง‘๋‹ˆ๋‹ค.
ํ”„๋กœ๊ทธ๋žจ์„ ์‹คํ–‰ํ•˜๊ณ  ๋šœ๊ป‘์„ ๋‹ซ๊ฑฐ๋‚˜ ์˜ค๋žซ๋™์•ˆ ์ž ์„ ์ž๋ฉด ์ด๋Ÿฐ ์ผ์ด ๋ฐœ์ƒํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค.

์ œ ๊ฒฝ์šฐ์—๋Š” ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค(0.62.2).

์—ฌ์ „ํžˆ ๋ฌธ์ œ๊ฐ€ ์žˆ๋Š” ์‚ฌ๋žŒ์ด ์žˆ์œผ๋ฉด react-navigation v4๋ฅผ ์‚ฌ์šฉํ•ด ๋ณด์‹ญ์‹œ์˜ค. ๋‚˜๋Š” v5๋ฅผ ๊ฐ€์ง€๊ณ  v4๋กœ ๋‹ค์šด ๊ทธ๋ ˆ์ด๋“œํ–ˆ๊ณ  ์ž‘๋™ํ–ˆ์Šต๋‹ˆ๋‹ค.

๋‚˜์™€๋Š” ๊ด€๋ จ์ด ์—†์Šต๋‹ˆ๋‹ค. ๋‚˜๋Š” react-navigation์„ ์ „ํ˜€ ์‚ฌ์šฉํ•˜์ง€ ์•Š๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

Expo ์‘์šฉ ํ”„๋กœ๊ทธ๋žจ์„ ๋‹ค์‹œ ์„ค์น˜ํ–ˆ๋Š”๋ฐ ๋ฌธ์ œ๊ฐ€ ์‚ฌ๋ผ์กŒ์Šต๋‹ˆ๋‹ค. ์–ด์ฉŒ๋ฉด ๋ˆ„๊ตฐ๊ฐ€์—๊ฒŒ๋„ ๋„์›€์ด ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฉฐ์น  ๋™์•ˆ ์ด๊ฒƒ์œผ๋กœ ๊ณ ํˆฌ :/
๋‚ด ์ฝ”๋“œ๋ฅผ ๋””๋ฒ„๊น…ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

"react-native"์™€ ๋™์ผํ•œ ๋ฌธ์ œ: "0.62.2"
cmd+R์„ ๋‘ ๋ฒˆ ๋น ๋ฅด๊ฒŒ ๋ˆ„๋ฅด๋ฉด ์‚ฌ๋ผ์ง€์ง€๋งŒ ๋‹ค์Œ์— ๋‹ค์‹œ ๋กœ๋“œํ•˜๋ฉด ์˜ค๋ฅ˜๊ฐ€ ๋‹ค์‹œ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค.

0.62.2๋ฅผ ์‚ฌ์šฉํ•  ๋•Œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค. ๋ฐฉ๊ธˆ 0.63.3์œผ๋กœ ์—…๊ทธ๋ ˆ์ด๋“œํ–ˆ๋Š”๋ฐ ์˜ค๋ฅ˜๊ฐ€ ์—ฌ์ „ํžˆ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด๊ฒƒ์ด ๋„์›€์ด ๋ ์ง€ ํ™•์‹คํ•˜์ง€ ์•Š์ง€๋งŒ ๋ฉ”ํŠธ๋กœ ๋ฒˆ๋“ค๋Ÿฌ ์ฐฝ์— ๋“ค์–ด๊ฐ€๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.
image

ํฌ๋กฌ ์ฝ˜์†”์— ๋‹ค์Œ์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.
image

@rahamin1 ํ”„๋กœ์ ํŠธ์—์„œ babel.config.js ํŒŒ์ผ์„ ์ฐพ์•˜ ์Šต๋‹ˆ๊นŒ?

ํ”„๋กœ์ ํŠธ์—์„œ babel.config.js ํŒŒ์ผ์„ ์ฐพ์•˜์Šต๋‹ˆ๊นŒ?

์˜ˆ.

๊ทธ ๋‚ด์šฉ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

module.exports = {
  presets: ['module:metro-react-native-babel-preset'],
};

๋‚˜๋Š” ๋ˆ„๊ตฐ๊ฐ€์˜ ์กฐ์–ธ์— ๋”ฐ๋ผ ๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ˆ˜์ •ํ–ˆ์Šต๋‹ˆ๋‹ค.

module.exports = function(api) {
  api.cache(true);
  if (process.env.NODE_ENV === 'production' || process.env.BABEL_ENV === 'production') {
    return {
      "presets": ["module:metro-react-native-babel-preset"],
      "plugins": ["react-native-paper/babel", ["transform-remove-console", {"exclude": ["error", "warn", "info"]}]]
    }
  } else {
    return {
      "presets": ["module:metro-react-native-babel-preset"],
    }
  }
}

์ด๋“ค ์ค‘ ์–ด๋Š ๊ฒƒ๋„ ๋„์›€์ด ๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

@rahamin1 ok.. ์ด ์ฝ”๋“œ transform-remove-console ์‚ญ์ œํ•œ ๋‹ค์Œ ํ„ฐ๋ฏธ๋„์„ ๋‹ซ๊ณ  ์•ฑ์„ ์ œ๊ฑฐํ•˜๊ณ  ๋ธŒ๋ผ์šฐ์ €๋ฅผ ๋‹ซ์€ ๋‹ค์Œ ํ„ฐ๋ฏธ๋„ ์‹คํ–‰ yarn start --reset-cache

ํŒŒ์ผ์ด ๋‹ค์Œ๊ณผ ๊ฐ™๊ธฐ๋ฅผ ์›ํ•˜์‹ญ๋‹ˆ๊นŒ?

module.exports = function(api) {
  api.cache(true);
  if (process.env.NODE_ENV === 'production' || process.env.BABEL_ENV === 'production') {
    return {
      "presets": ["module:metro-react-native-babel-preset"],
    }
  } else {
    return {
      "presets": ["module:metro-react-native-babel-preset"],
    }
  }
}

api.cache(true) ๋งŒ ์ถ”๊ฐ€ํ•˜๋ฉด ์ด์ „๊ณผ ๊ฑฐ์˜ ๊ฐ™์Šต๋‹ˆ๋‹ค.

@rahamin1 ๋„ค, ๊ทธ๊ฒŒ ๋‹ค์˜ˆ์š”. ๊ทธ๋Ÿฐ ๋‹ค์Œ ์‹คํ–‰ ์ค‘์ธ ๋ธŒ๋ผ์šฐ์ € ํ„ฐ๋ฏธ๋„์„ ๋‹ซ๊ณ  ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ์˜ ์•ฑ์„ ์ œ๊ฑฐํ•œ ๋‹ค์Œ ํ”„๋กœ์ ํŠธ์— ๋“ค์–ด๊ฐ€์„œ yarn start --reset-cache, react-native ์‹คํ–‰ ์บ์‹œ ์ง€์šฐ๊ธฐ, ๊ทธ๊ฒŒ ์ œ๊ฐ€ ํ•œ ์ผ์ž…๋‹ˆ๋‹ค. ์˜ค๋ฅ˜๊ฐ€ ์‚ฌ๋ผ์ง‘๋‹ˆ๋‹ค

๊ทธ๊ฒƒ์€ ํŠธ๋ฆญ์„ํ–ˆ์ง€๋งŒ ํ•œ ๋ฒˆ๋งŒ ... ์•„๋‹ˆ๋ฉด ์˜ค๋ฅ˜๋ฅผ ๋†“์ณค์„ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค ... ๋” ์ด์ƒ ํ™•์‹คํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.
๊ทธ๋Ÿฐ ๋‹ค์Œ ๋‹ค์‹œ ์‹œ๋„ํ•˜๊ณ  ๋™์ผํ•œ ๋‹จ๊ณ„๋ฅผ ๋ฐ˜๋ณตํ–ˆ์ง€๋งŒ ๋” ์ด์ƒ ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค ...

๋„์™€ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

@rahamin1 , ์•„๋งˆ๋„ api.cache(true) ์‚ญ์ œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

์ด ๊ฒฝ์šฐ ์›๋ณธ ํŒŒ์ผ์„ ๊ฐ€์ ธ์˜ต๋‹ˆ๋‹ค.
์ž‘๋™ํ•˜์ง€ ์•Š์•˜์ง€๋งŒ ๋„์›€์„ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

์ด ๊ฒฝ์šฐ ์›๋ณธ ํŒŒ์ผ์„ ๊ฐ€์ ธ์˜ต๋‹ˆ๋‹ค.
์ž‘๋™ํ•˜์ง€ ์•Š์•˜์ง€๋งŒ ๋„์›€์„ ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค!

์ฝ˜์†” ์˜ค๋ฅ˜๊ฐ€ ์žˆ์Šต๋‹ˆ๊นŒ? ๋ฐ˜์‘ ํƒ์ƒ‰์„ ์—…๋ฐ์ดํŠธํ•˜๋ฉด ์ด ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๋ช‡ ๊ฐ€์ง€ ๊ฒฝ๊ณ . ์˜ค๋ฅ˜๊ฐ€ ์—†์Šต๋‹ˆ๋‹ค.

์ˆ˜์ • ์‚ฌํ•ญ์ด ์—ฌ๊ธฐ์— ๋ณ‘ํ•ฉ๋˜์–ด ๊ธฐ์ฉ๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—์„œ ์ž‘์—…ํ•ด ์ฃผ์…”์„œ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค. ์–ธ์ œ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋Š”์ง€ ์•Œ ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

์ €๋Š” ํ˜„์žฌ Expo 37 โ€”> 39์—์„œ ์—…๊ทธ๋ ˆ์ด๋“œํ•˜๋Š” ์ค‘์ด๋ฉฐ ์ด ๋ฌธ์ œ๋กœ ์ธํ•ด ๋””๋ฒ„๊น… ์ž‘์—…์ด ๋ฐฉํ•ด๋ฅผ ๋ฐ›๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. Expo ์ง์›์ด ์ˆ˜์ • ์‚ฌํ•ญ์„ ๊ตฌํ˜„ํ•ด์•ผ ํ•  ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค. ์ด์— ๋Œ€ํ•œ ์ˆ˜์ • ์‚ฌํ•ญ์„ ์ฐพ๊ธฐ ์œ„ํ•ด ์•ฝ 6์‹œ๊ฐ„์„ ๋ณด๋ƒˆ์œผ๋ฏ€๋กœ 37๋กœ ๋กค๋ฐฑํ•˜๋Š” ๊ฒƒ ์™ธ์— ๋‹จ๊ธฐ ์†”๋ฃจ์…˜์„ ์•Œ๊ณ  ์žˆ๋Š” ์‚ฌ๋žŒ์ด ์žˆ์œผ๋ฉด ์•Œ๋ ค์ฃผ์‹ญ์‹œ์˜ค.

@fredrivett - ์•ˆ๋…•ํ•˜์„ธ์š”! ๋‚˜๋Š” ์—‘์Šคํฌ์—์„œ ์ผํ•˜๋ฉฐ ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•œ @thymikee ๊ฐ€ ๋” ์ž˜ ๋Œ€๋‹ตํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

@brentvatne ์—…๋ฐ์ดํŠธ์— ๊ฐ์‚ฌ๋“œ๋ฆฝ๋‹ˆ๋‹ค. Expo ๋ฐ React Native ํŒ€์ด

๋‹จ๊ธฐ์ ์ธ ํ•ด๊ฒฐ์€ ๋””๋ฒ„๊ฑฐ ํŒจ๋„์„ ์—ด๊ณ  ์บ์‹œ๋ฅผ ์ง€์šฐ๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.
Screen Shot 2020-11-16 at 19 10 19

ํ , ๊ฑฐ๊ธฐ์—์„œ Clear site data ํด๋ฆญํ•œ ํ›„์—๋„ ์—ฌ์ „ํžˆ ๋™์ผํ•œ ์˜ค๋ฅ˜๊ฐ€ ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค. Expo Developer Tools ํƒญ๊ณผ React Native Debugger ํƒญ ๋ชจ๋‘์— ๋Œ€ํ•ด ๊ทธ๋ ‡๊ฒŒ ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋˜ํ•œ ์ตœ์‹  ๋ฒ„์ „์˜ React Native Debugger ์„ค์น˜๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค( 0.11.5 ). ๋‚ด๊ฐ€ ์–ด๋”˜๊ฐ€์—์„œ ์–ด๋ฆฌ์„์€ ์ง“์„ ํ–ˆ์„ ์ˆ˜๋„ ์žˆ๊ณ  Expo 37 โ€”> 39์—์„œ ์ง์ ‘ ์—…๊ทธ๋ ˆ์ด๋“œํ–ˆ์Šต๋‹ˆ๋‹ค. ๋‚ด๊ฐ€ ๋ฐ›๋Š” ์ •ํ™•ํ•œ ์˜ค๋ฅ˜๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

Error: Unable to resolve module `./debugger-ui/debuggerWorker.cff11639.js` from ``: 

None of these files exist:
  * debugger-ui/debuggerWorker.cff11639.js(.native|.native.expo.ts|.expo.ts|.native.expo.tsx|.expo.tsx|.native.expo.js|.expo.js|.native.expo.jsx|.expo.jsx|.native.ts|.ts|.native.tsx|.tsx|.native.js|.js|.native.jsx|.jsx|.native.json|.json|.native.wasm|.wasm|.native.svg|.svg)
  * debugger-ui/debuggerWorker.cff11639.js/index(.native|.native.expo.ts|.expo.ts|.native.expo.tsx|.expo.tsx|.native.expo.js|.expo.js|.native.expo.jsx|.expo.jsx|.native.ts|.ts|.native.tsx|.tsx|.native.js|.js|.native.jsx|.jsx|.native.json|.json|.native.wasm|.wasm|.native.svg|.svg)
    at ModuleResolver.resolveDependency ([redacted]/node_modules/metro/src/node-haste/DependencyGraph/ModuleResolution.js:163:15)
    at ResolutionRequest.resolveDependency ([redacted]/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:52:18)
    at DependencyGraph.resolveDependency ([redacted]/node_modules/metro/src/node-haste/DependencyGraph.js:287:16)
    at [redacted]/node_modules/metro/src/lib/transformHelpers.js:267:42
    at Server.<anonymous> ([redacted]/node_modules/metro/src/Server.js:841:41)
    at Generator.next (<anonymous>)
    at asyncGeneratorStep ([redacted]/node_modules/metro/src/Server.js:99:24)
    at _next ([redacted]/node_modules/metro/src/Server.js:119:9)

๋˜ํ•œ Metro ๋ฒˆ๋“ค๋Ÿฌ ์บ์‹œ๋ฅผ ์ง€์šฐ์‹ญ์‹œ์˜ค. expo start -c

๋™์ผํ•œ ๋ฌธ์ œ๊ฐ€ ๋ฐœ์ƒํ•˜์—ฌ ์ง€๊ธˆ๊นŒ์ง€ iOS ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ๋กœ๋งŒ ์ž‘์—…ํ–ˆ์Šต๋‹ˆ๋‹ค.

RN ๋ฒ„์ „:

"react": "16.13.1",
"react-native": "0.63.3",

๋‚˜๋ฅผ ์œ„ํ•ด ์ผํ•œ ๊ฒƒ์€ ์‹œ๋ฎฌ๋ ˆ์ดํ„ฐ ์—์„œ ์•ฑ ์„ ๋‹ค์‹œ ์„ค์น˜ํ•˜๋Š” ๊ฒƒ์ด ์—ˆ์Šต๋‹ˆ๋‹ค.

๊ฒฐ์ •๋œ.

์ด ๊ณต์‹ React Native CLI ๊ฐ€์ด๋“œ์— ๋”ฐ๋ผ CLI๋ฅผ 4.13.1 ๋กœ ์—…๊ทธ๋ ˆ์ด๋“œํ•˜์‹ญ์‹œ์˜ค.

์ด๊ฒƒ์€ React Native 0.62 ์ด์ƒ์—์„œ๋งŒ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. ์ด์ „ ๋ฒ„์ „์— ๋Œ€ํ•œ ์ด์ „ ๋ฒ„์ „ ์ˆ˜์ • ๊ณ„ํš์ด ์—†์Šต๋‹ˆ๋‹ค.

  • ์ €๋Š” Android ์—๋ฎฌ๋ ˆ์ดํ„ฐ(genymotion)์—์„œ ์‹คํ–‰ ์ค‘์ธ Windows 10์„ ์‚ฌ์šฉ ์ค‘์ž…๋‹ˆ๋‹ค.
  • node_modules๋ฅผ ์ œ๊ฑฐํ•˜๊ณ  yarn install์„ ์‹คํ–‰ํ–ˆ์Šต๋‹ˆ๋‹ค.
  • ์—ฌ์ „ํžˆ ์–ป๋Š” ์ค‘:
Error: Unable to resolve module `./debugger-ui/debuggerWorker.cff11639` from ``:

None of these files exist:
  * debugger-ui\debuggerWorker.cff11639(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
  * debugger-ui\debuggerWorker.cff11639\index(.native|.native.js|.js|.native.json|.json|.native.ts|.ts|.native.tsx|.tsx)
  • yarn list --pattern @react-native-community/cli ์ถœ๋ ฅ:
yarn list v1.19.1
โ”œโ”€ @react-native-community/[email protected]
โ”œโ”€ @react-native-community/[email protected]
โ”œโ”€ @react-native-community/[email protected]
โ”œโ”€ @react-native-community/[email protected]
โ”œโ”€ @react-native-community/[email protected]
โ”‚  โ””โ”€ @react-native-community/[email protected]
โ”œโ”€ @react-native-community/[email protected]
โ”œโ”€ @react-native-community/[email protected]
โ””โ”€ @react-native-community/[email protected]
   โ””โ”€ @react-native-community/[email protected]


@thymikee ์œ„์˜ ๋ชจ๋“  ๊ฒƒ์„ ์‹œ๋„ํ–ˆ์ง€๋งŒ ๋„์›€์ด๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

@thymikee

@rahamin1 @satya164 ์˜ ์ง€์‹œ๋ฅผ #28844(๋Œ“๊ธ€) ๋ฐ #28844(๋Œ“๊ธ€)

์ง€๊ธˆ ์‹œ๋„ํ–ˆ์Šต๋‹ˆ๋‹ค. ๋„์›€์ด๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

Mobx์— ๋ฒ„๊ทธ๊ฐ€ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์ด ์˜ค๋ฅ˜๋ฅผ ํ•ด๊ฒฐํ•œ ํ›„ ๋‚ด ๋ฌธ์ œ(์˜ค๋ฅ˜: ๋ชจ๋“ˆ ./debugger-ui/debuggerWorker๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์—†์Œ)๊ฐ€ ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๊ฒฐ์ •๋œ.

์ด ๊ณต์‹ React Native CLI ๊ฐ€์ด๋“œ์— ๋”ฐ๋ผ CLI๋ฅผ 4.13.1 ๋กœ ์—…๊ทธ๋ ˆ์ด๋“œํ•˜์‹ญ์‹œ์˜ค.

์ด๊ฒƒ์€ React Native 0.62 ์ด์ƒ์—์„œ๋งŒ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค. ์ด์ „ ๋ฒ„์ „์— ๋Œ€ํ•œ ์ด์ „ ๋ฒ„์ „ ์ˆ˜์ • ๊ณ„ํš์ด ์—†์Šต๋‹ˆ๋‹ค.

0.62.2์—์„œ ์ž‘๋™ํ•˜์ง€ ์•Š์Œ

@kadiryaka ๋Š” ๋‹ค์Œ๊ณผ

Mobx์— ๋ฒ„๊ทธ๊ฐ€ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ์ด ์˜ค๋ฅ˜๋ฅผ ํ•ด๊ฒฐํ•œ ํ›„ ๋‚ด ๋ฌธ์ œ(์˜ค๋ฅ˜: ๋ชจ๋“ˆ ./debugger-ui/debuggerWorker๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์—†์Œ)๊ฐ€ ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๋‚ด ๋ฌธ์ œ๊ฐ€ Mobx์™€ ๊ด€๋ จ์ด ์žˆ์„์ง€๋„ ๋ชจ๋ฅด๋ฉฐ ์—ฌ๊ธฐ์—์„œ ์†”๋ฃจ์…˜์— ๋Œ€ํ•œ ์šด์ด ๋งŽ์ด ์—†์—ˆ๋Š”์ง€ ๊ถ๊ธˆํ•ฉ๋‹ˆ๋‹ค. Mobx ๋ฌธ์ œ์— ๋Œ€ํ•œ ํ†ต์ฐฐ๋ ฅ์„ ๊ณต์œ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๊นŒ?

์ „์—ญ์ ์œผ๋กœ ์„ค์น˜๋œ react-native-cli๋ฅผ ์ œ๊ฑฐํ•˜๊ณ  npx๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

  1. npm uninstall -g react-native
  2. ํ”„๋กœ์ ํŠธ์˜ ์ž ๊ธˆ ํŒŒ์ผ(package-lock ๋˜๋Š” yarn.lock)์—์„œ ๋ชจ๋“  @react-native-community/cli ์ ‘๋‘์‚ฌ ํ•ญ๋ชฉ์„ ์ฐพ์•„ ์ œ๊ฑฐํ•ฉ๋‹ˆ๋‹ค.
  3. node_modules ์žฌ์„ค์น˜ : yarn install / npm install
  4. npx๋กœ ์•ฑ ์‹คํ–‰: npx react-native run-android

๋‚ด ๊ฒฝ์šฐ์—๋Š” ๋„์›€์ด๋˜์ง€ ์•Š๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค : https://github.com/facebook/react-native/issues/28844#issuecomment -730535093

์ œ ๊ฒฝ์šฐ์—๋Š” ๋„์›€์ด ๋˜์ง€ ์•Š๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค: #28844 (๋Œ“๊ธ€)

์žฅ์น˜/์—๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ ์•ฑ์„ ์ œ๊ฑฐํ•˜๋ ค๊ณ  ํ•  ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‚˜๋Š” ๋•Œ๋•Œ๋กœ์ด ๋ฌธ์ œ๊ฐ€ ์žˆ์œผ๋ฉฐ ์•ฑ์„ ์ œ๊ฑฐํ•˜๋ฉด (์ผ์‹œ์ ์œผ๋กœ) ํ•ด๊ฒฐ๋ฉ๋‹ˆ๋‹ค.

์ถ”๊ฐ€ํ•ด์•ผ ํ•  ๋˜ ๋‹ค๋ฅธ ์‚ฌํ•ญ์€ ์ด ๋ฌธ์ œ๋Š” iOS์—์„œ๋Š” ์•„๋ฌด ๊ฒƒ๋„ ํ•˜์ง€ ์•Š์ง€๋งŒ Android์šฉ์œผ๋กœ ์‹คํ–‰ํ•  ๋•Œ ์•ฑ์ด ์™„์ „ํžˆ ์ž˜๋ชป ์ž‘๋™ํ•œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๊ฐ์‚ฌํ•˜์ง€๋งŒ ์—ฌ๋Ÿฌ ๋ฒˆ ์‹œ๋„ํ–ˆ์Šต๋‹ˆ๋‹ค.

์•ฑ ๋ฐ ๊ธฐ๊ธฐ ์ •๋ณด๋ฅผ ๋ถ„์„ํ•˜์—ฌ ์˜ค๋ฅ˜ ์›์ธ์„ ์ฐพ์Šต๋‹ˆ๋‹ค. ๋‚ด ์žฅ์น˜์˜ ์‹œ๊ฐ„์ด ์‹ค์ œ ์‹œ๊ฐ„์ด ๋น ๋ฅด๋ฉด ์žฅ์น˜ ์‹œ๊ฐ„์„ ์ž๋™์œผ๋กœ ์„ค์ •ํ•˜๋ฉด ๋ฌธ์ œ๊ฐ€ ์‚ฌ๋ผ์ง‘๋‹ˆ๋‹ค.

๋˜‘๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์–ด์„œ *.lock ๋ฐ node_modules๋ฅผ ์ œ๊ฑฐํ•˜๊ณ  ๋ชจ๋‘ ๋‹ค์‹œ ์„ค์น˜ํ–ˆ์Šต๋‹ˆ๋‹ค.
์ €๋Š” "react-native": "0.63.4" ๋ฐ react-native-community/cli 4.13.1์— ์žˆ์Šต๋‹ˆ๋‹ค.
๊ทธ๋Ÿฌ๋‚˜ ๋Œ€๋ถ€๋ถ„์˜ ๊ฒฝ์šฐ ๋””๋ฒ„๊ฑฐ๊ฐ€ ์ผœ์ง„ ์ƒํƒœ์—์„œ ํ”„๋กœ์ ํŠธ๋ฅผ ๋‹ค์‹œ ๋กœ๋“œํ•˜๋ ค๊ณ  ํ•˜๋ฉด ์ถฉ๋Œ์ด ๋ฐœ์ƒํ•ฉ๋‹ˆ๋‹ค(์‹ค์ œ ์žฅ์น˜ ๋ฐ ์—๋ฎฌ๋ ˆ์ดํ„ฐ์—์„œ) :(

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