์์ฒญ๋ ๋ชจ๋ ์ ๋ณด๋ฅผ ์ ๊ณตํ์ญ์์ค. ์ด ํ์์ ๋ฐ๋ฅด์ง ์๋ ๋ฌธ์ ๋ ์ค๋จ๋ ์ ์์ต๋๋ค.
๋ฒ๊ทธ๊ฐ ๋ฌด์์ธ์ง ๋ช
ํํ๊ณ ๊ฐ๊ฒฐํ๊ฒ ์ค๋ช
ํด์ฃผ์ธ์. ํ์ํ ๊ฒฝ์ฐ ์คํฌ๋ฆฐ์ท์ ํฌํจํฉ๋๋ค.
์ต์ 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
๋ฌธ์ ๋ฅผ ์ฌํํ๋ ์์ธํ ๋จ๊ณ ๋ชฉ๋ก์ ์ ๊ณตํฉ๋๋ค.
npx react-native init Blah --template react-native-template-typescript
npx react-native start
npx react-native run-android
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)
์ด ์ค๋ฅ๊ฐ ๋ฐ์ํ์ง ์์ต๋๋ค.
๋๋ฒ๊ทธ ๋ชจ๋์์ ์คํํ ๋๋ ๋์ผํ ๋ฌธ์ ๊ฐ ์์ต๋๋ค.
๋์ผํ ๋ฌธ์ "๋ฐ์ ๋ค์ดํฐ๋ธ": "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์ด ์์ต๋๋ค.
์ด์ ๋ํ ํด๊ฒฐ์ฑ ์ด ์์ต๋๊น? ์๋ก์ด ํ๋ก์ ํธ๋ฅผ ์์ฑํด๋ React Native 0.62.2์์ ๋ฐ์ํ๋ ๊ฒ ๊ฐ์ต๋๋ค. ์ด๋ค ์ด์ ๋ก ๋๋ฒ๊ฑฐ๋ฅผ ๋ณผ ๋ ์ค๋ฅ 500์ด ์์ต๋๋ค.
๊ทธ๋ฅ ๊ฑด๋๋ฐ์ธ์. ์์ฉ ํ๋ก๊ทธ๋จ ์ค๋ฅ๊ฐ ๋ฐ์ํ์ง ์๋ ํ ๋ฌธ์ ๊ฐ ๋์ง ์์ต๋๋ค.
์ด๋ฐ ์ผ์ด ๋ฐ์ํ๋ฉด ํค๋ณด๋๊ฐ ๋ํ๋์ง ์๊ธฐ ๋๋ฌธ์ ๋ ์ด์ ํ ์คํธ ํ๋์ ํ ์คํธ๋ฅผ ์ ๋ ฅํ ์ ์์ต๋๋ค. ๋๋ฒ๊ฑฐ๋ฅผ ์ฌ์ฉํ ์ ์๊ฒ ๋์ด ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ก๊ทธ์ธํ ์ ์์ต๋๋ค.
์ด๋ฐ ์ผ์ด ๋ฐ์ํ๋ฉด ํค๋ณด๋๊ฐ ๋ํ๋์ง ์๊ธฐ ๋๋ฌธ์ ๋ ์ด์ ํ ์คํธ ํ๋์ ํ ์คํธ๋ฅผ ์ ๋ ฅํ ์ ์์ต๋๋ค. ๋๋ฒ๊ฑฐ๋ฅผ ์ฌ์ฉํ ์ ์๊ฒ ๋์ด ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ก๊ทธ์ธํ ์ ์์ต๋๋ค.
์๋ฎฌ๋ ์ดํฐ์์ ์๋
์ด๋ฐ ์ผ์ด ๋ฐ์ํ๋ฉด ํค๋ณด๋๊ฐ ๋ํ๋์ง ์๊ธฐ ๋๋ฌธ์ ๋ ์ด์ ํ ์คํธ ํ๋์ ํ ์คํธ๋ฅผ ์ ๋ ฅํ ์ ์์ต๋๋ค. ๋๋ฒ๊ฑฐ๋ฅผ ์ฌ์ฉํ ์ ์๊ฒ ๋์ด ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ก๊ทธ์ธํ ์ ์์ต๋๋ค.
์๋ฎฌ๋ ์ดํฐ์์ ์๋
์๋ฎฌ๋ ์ดํฐ์์๋ ์๋ํ์ง๋ง ๋ฒ๋ค๋ฌ์์ ์ฌ์ ํ ์ค๋ฅ๊ฐ ๋ฐ์ํฉ๋๋ค. ์ฅ์น ๋๋ฒ๊น ์๋ง ์ํฅ์ ๋ฏธ์น๋ ์ด์ ๋ ๋ฌด์์ ๋๊น?
์ด๋ฐ ์ผ์ด ๋ฐ์ํ๋ฉด ํค๋ณด๋๊ฐ ๋ํ๋์ง ์๊ธฐ ๋๋ฌธ์ ๋ ์ด์ ํ ์คํธ ํ๋์ ํ ์คํธ๋ฅผ ์ ๋ ฅํ ์ ์์ต๋๋ค. ๋๋ฒ๊ฑฐ๋ฅผ ์ฌ์ฉํ ์ ์๊ฒ ๋์ด ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ก๊ทธ์ธํ ์ ์์ต๋๋ค.
์๋ฎฌ๋ ์ดํฐ์์ ์๋
์๋ฎฌ๋ ์ดํฐ์์๋ ์๋ํ์ง๋ง ๋ฒ๋ค๋ฌ์์ ์ฌ์ ํ ์ค๋ฅ๊ฐ ๋ฐ์ํฉ๋๋ค. ์ฅ์น ๋๋ฒ๊น ์๋ง ์ํฅ์ ๋ฏธ์น๋ ์ด์ ๋ ๋ฌด์์ ๋๊น?
์ค์ ์ฅ์น(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
์ ๋ ์ด ๋ฌธ์ ๋ฅผ ๊ฒช์์ต๋๋ค. ๋ต์ ์ฐพ๊ธฐ ์ํด ๋๊ณ ๋ฎ์์ ์ฐพ์ต๋๋ค.
๋ด ๊ด๊ณ ์ฐจ๋จ๊ธฐ๋ฅผ ๋นํ์ฑํํ๋ฉด ์ด๋ค ์ด์ ๋ก ์ฝ์์์ ๋ ๋ง์ ํผ๋๋ฐฑ์ ๋ฐ์์ต๋๋ค.
๊ทธ๋ฆฌ๊ณ ๋์ ํฌ๋กฌ์ด ๋ฉ์ธ ์ค๋ ๋๋ฅผ ๋๋ฒ๊น
ํ๊ณ ์๋ค๋ ๊ฒ์ ์์์ฐจ๋ ธ์ต๋๋ค. ๊ฐ๊ณผํ๊ธฐ ์ฝ์ต๋๋ค.
debuggerWorker ์ค๋ ๋๋ฅผ ํด๋ฆญํ ํ ์ฑ์ ๋ฑ๋ก์ ์์ํ๊ณ ์ค๋จ์ ์ ๋๋ฌํ์ต๋๋ค...
์กฐ๊ธ์ด๋๋ง ๋์์ด ๋์
จ์ผ๋ฉด ์ข๊ฒ ์ต๋๋ค ๐
"๋ฐ์": "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)์์ ๊ธฐ๋ณธ ๋ฒ๋ค๋ฌ ์ค๋ ๋๋ฅผ ๋ค์ ์์ํ์ฌ ํด๊ฒฐ๋์์ต๋๋ค.
์ด๊ฒ์ ์ฌ๋ฌ ๋ฒ ์๋ํ์ต๋๋ค. ๋๋ฅผ ์ํด ๊ทธ๊ฒ์ ํด๊ฒฐํ์ง ์์ต๋๋ค.
์ด ์ฐฝ์์ 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
์
๋ฐ์ดํธํ ํ
๋ค์ ๋จ๊ณ๋ฅผ ์ํํ์ต๋๋ค.
watchman watch-del-all; rm -rf $TMPDIR/metro-*; rm -rf $TMPDIR/haste-map-*;
rm yarn.lock; rm -rf node_modules; yarn;
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
๋ชจ๋์ ํ์ธํ ์ ์์ต๋๋ค.
๋ค์ ํ์ผ์ด ์์ต๋๋ค.
๊ฐ์ ๋ฌธ์ . ์ด ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ๋ ๋ฐ ๋์์ด ๋ ์๋ฃจ์
์ ์์ต๋๋ค. ํ์ง๋ง ์ด ์ค์๋ก ์ธํด 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
ํฌ๋กฌ์ ๋คํธ์ํฌ ํญ์์ ์บ์๋ฅผ ๋นํ์ฑํํ๋ฉด ๋์์ด ๋ฉ๋๋ค.
...ํ์ง๋ง ํญ์ ๊ทธ๋ฐ ๊ฒ์ ์๋๋๋ค. ๋น ๋ฅธ ์๋ก ๊ณ ์นจ์ด ์ฝ๋๋ฅผ ์ ๋ฐ์ดํธํ์ง๋ง ์ฑ์ ๋ค์ ๋ก๋ํ๋ฉด ์บ์๋ ์ด์ ๋ฒ์ ์ผ๋ก ๋๋๋ "๋๋ฒ๊น ๋ก๋ ์ด์ ๋น๋" ๋ฌธ์ ๊ฐ ์ด ๋ฌธ์ ๋ก ์ธํด ๋ฐ์ํ๋ค๊ณ ํ์ ํฉ๋๋ค. ๊ทธ๊ฒ์ ๋ฐ๊ฒฌํ๋ ์ฌ๋ฏธ์๋ ๊ฒ์ด์์ต๋๋ค.... ๋ฐ์ ๋ค์ดํฐ๋ธ ํ๋กํ์ผ๋ง ๋๊ตฌ ๋ฐ ๋๋ฒ๊น ๋๊ตฌ(ํนํ Android ์๋ฎฌ๋ ์ดํฐ์ ๊ฒฝ์ฐ)์ ์ํ๋ ํ์ฌ ๋งค์ฐ ์ฌํ์ง๋ง ๋ถํํ๋ ์ด๋ฅผ ๊ฐ์ ํ ๋ค์ดํฐ๋ธ ์ฝ๋์ ๋ํ ๊ฒฝํ์ด ์์ต๋๋ค.
ํธ์ง: ์ด๊ฒ์ด https://github.com/facebook/react-native/issues/29424 ์ ๊ด๋ จ์ด ์๋์ง ๊ถ๊ธํฉ๋๋ค. ๋๋ฒ๊น ํ์ง ์์ ๋๋ ๋ฐ์ํ์ง๋ง.
์ฌ๊ธฐ์ ๊ฐ์ ์ค๋ฅ๊ฐ ์์ต๋๋ค.
ํ์คํ ์์ค ๋งต๊ณผ ๊ด๋ จ๋ ์ค๋ฅ์ ๋๋ค. ์์ค ๋งต์ URL์ ๊ฐ์ ธ์ค๋ ค๊ณ ํ๋ฉด ํด๋น ์ค๋ฅ๊ฐ ๋คํ๋ฉ๋๋ค. devtools ์ค์ ์์ js์ โโcss ๋ชจ๋์ ๋ํ ์์ค ๋งต์ ๋นํ์ฑํํ๋ฉด ๋ ์ด์ ์ค๋ฅ๊ฐ ํ์๋์ง ์์ต๋๋ค. ์์ฑํ์ง ์๊ฑฐ๋ ์ ๊ณตํ์ง ์๋๋ค๊ณ ๋งํ ์ ์์ต๋๊น?
์ ๊ทธ๋ด ์ ์๋์ง ์๋ ์ฌ๋์ด ์์ต๋๊น? ์ ๊ฒฝ์ฐ์๋ Windows์์ ๋ฐ์ํฉ๋๋ค.
์ด ๋ฌธ์ ๋ ๋ฌด์์๋ก ๋ฐ์ํ๋ฉฐ ๋ฐ์ํ๋๋ผ๋ ์ฌ๋ผ์ง๊ณ ์ถ์ง ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์ด๊ฒ์ ๋๋ฅผ ์ํด ์ผํ์ต๋๋ค. ์๊ฐ์ด ์กฐ๊ธ ๊ฑธ๋ฆฌ์ง๋ง ์ง๊ธ๋ถํฐ ์ต์ ์ ์๋๋ฆฌ์ค๋ก ์ด ์์ ์ ์ํํ๊ฒ ์ต๋๋ค.
๋ถ๋ช ํ ์๋ฎฌ๋ ์ดํฐ์์ ์คํ ์ค์ธ ๊ฒฝ์ฐ ํ๋ก์ธ์ค๋ฅผ ์ฝ๊ฐ ์กฐ์ ํด์ผ ํฉ๋๋ค.
์คํ์ผ ์ํธ์์ 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. ๋งฅ ์ฌ์๋
ํ:
๊ทธ ํด๊ฒฐ ๋ฐฉ๋ฒ์ด ๋๊ตฐ๊ฐ๋ฅผ ๋์ธ ์ ์๊ธฐ๋ฅผ ๋ฐ๋๋๋ค! ์ง์
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.2Error: 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์ผ๋ก ์ ๊ทธ๋ ์ด๋ํ๋๋ฐ ์ค๋ฅ๊ฐ ์ฌ์ ํ ์์ต๋๋ค.
์ด๊ฒ์ด ๋์์ด ๋ ์ง ํ์คํ์ง ์์ง๋ง ๋ฉํธ๋ก ๋ฒ๋ค๋ฌ ์ฐฝ์ ๋ค์ด๊ฐ๋ฉด ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
ํฌ๋กฌ ์ฝ์์ ๋ค์์ด ํ์๋ฉ๋๋ค.
@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 ํ์ด
๋จ๊ธฐ์ ์ธ ํด๊ฒฐ์ ๋๋ฒ๊ฑฐ ํจ๋์ ์ด๊ณ ์บ์๋ฅผ ์ง์ฐ๋ ๊ฒ์
๋๋ค.
ํ , ๊ฑฐ๊ธฐ์์ 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 ์ด์์์๋ง ์๋ํฉ๋๋ค. ์ด์ ๋ฒ์ ์ ๋ํ ์ด์ ๋ฒ์ ์์ ๊ณํ์ด ์์ต๋๋ค.
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]
@rahamin1 @satya164 ์ ์ง์๋ฅผ https://github.com/facebook/react-native/issues/28844#issuecomment -728233645 ๋ฐ https://github.com/facebook/react-native/issues/28844#issuecomment -728459236
@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๋ฅผ ์ฌ์ฉํด์ผ ํฉ๋๋ค.
npm uninstall -g react-native
@react-native-community/cli
์ ๋์ฌ ํญ๋ชฉ์ ์ฐพ์ ์ ๊ฑฐํฉ๋๋ค.yarn install
/ npm install
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์ ์์ต๋๋ค.
๊ทธ๋ฌ๋ ๋๋ถ๋ถ์ ๊ฒฝ์ฐ ๋๋ฒ๊ฑฐ๊ฐ ์ผ์ง ์ํ์์ ํ๋ก์ ํธ๋ฅผ ๋ค์ ๋ก๋ํ๋ ค๊ณ ํ๋ฉด ์ถฉ๋์ด ๋ฐ์ํฉ๋๋ค(์ค์ ์ฅ์น ๋ฐ ์๋ฎฌ๋ ์ดํฐ์์) :(
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
Chrome์์ React ๋๋ฒ๊ฑฐ ํญ์ ํ๋ ์๋ก๊ณ ์นจ(shift + ์๋ก ๊ณ ์นจ)ํ ๋ค์ ๊ฒ์ฌ๊ธฐ์์ ์ ํ๋ฆฌ์ผ์ด์ ๋ฐ์ดํฐ๋ฅผ ์ง์ด ๋ค์ ๋ง์ง๋ง์ผ๋ก bash(npm start)์์ ๊ธฐ๋ณธ ๋ฒ๋ค๋ฌ ์ค๋ ๋๋ฅผ ๋ค์ ์์ํ์ฌ ํด๊ฒฐ๋์์ต๋๋ค.