강의안에 나와 있는 내용 설치를 다 했습니다.
C:\Users\shlee\OneDrive\바탕 화면\sparta-study>yarn add
@react-navigation/native
yarn add v1.22.19
warning package.json: No license field
warning No license field
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
warning " > @react-navigation/stack@6.2.2" has unmet peer dependency "react@*".
warning " > @react-navigation/stack@6.2.2" has unmet peer dependency "react-native@*".
warning "@react-navigation/stack > @react-navigation/elements@1.3.4" has unmet peer dependency "react@*".
warning "@react-navigation/stack > @react-navigation/elements@1.3.4" has unmet peer dependency "react-native@*".warning " > react-native-gesture-handler@2.5.0" has unmet peer dependency "react@*".
warning " > react-native-gesture-handler@2.5.0" has unmet peer dependency "react-native@*".
warning " > react-native-safe-area-context@4.3.1" has unmet peer dependency "react@*".
warning " > react-native-safe-area-context@4.3.1" has unmet peer dependency "react-native@*".
warning " > react-native-screens@3.15.0" has unmet peer
dependency "react@*".
warning " > react-native-screens@3.15.0" has unmet peer
dependency "react-native@*".
warning "react-native-screens > react-freeze@1.0.0" has
unmet peer dependency "react@^17.0.0".
warning "@react-navigation/native > @react-navigation/core@6.2.2" has unmet peer dependency "react@*".
warning " > @react-navigation/native@6.0.11" has unmet peer dependency "react@*".
warning " > @react-navigation/native@6.0.11" has unmet peer dependency "react-native@*".
[4/4] Building fresh packages...
warning No license field
success Saved 1 new dependency.
info Direct dependencies
└─ @react-navigation/native@6.0.11
info All dependencies
└─ @react-navigation/native@6.0.11
Done in 2.15s.
C:\Users\shlee\OneDrive\바탕 화면\sparta-study>expo install react-native-screens react-native-safe-area-context
react-native-gesture-handler
> yarn add react-native-screens react-native-safe-area-context react-native-gesture-handler
yarn add v1.22.19
warning package.json: No license field
warning No license field
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
warning No license field
success Saved 3 new dependencies.
info Direct dependencies
├─ react-native-gesture-handler@2.5.0
├─ react-native-safe-area-context@4.3.1
└─ react-native-screens@3.15.0
info All dependencies
├─ react-native-gesture-handler@2.5.0
├─ react-native-safe-area-context@4.3.1
└─ react-native-screens@3.15.0
Done in 0.86s.
C:\Users\shlee\OneDrive\바탕 화면\sparta-study>yarn add
@react-navigation/stack
yarn add v1.22.19
warning package.json: No license field
warning No license field
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
warning " > @react-navigation/native@6.0.11" has unmet peer dependency "react@*".
warning " > @react-navigation/native@6.0.11" has unmet peer dependency "react-native@*".
warning "@react-navigation/native > @react-navigation/core@6.2.2" has unmet peer dependency "react@*".
warning " > react-native-gesture-handler@2.5.0" has unmet peer dependency "react@*".
warning " > react-native-gesture-handler@2.5.0" has unmet peer dependency "react-native@*".
warning " > react-native-safe-area-context@4.3.1" has unmet peer dependency "react@*".
warning " > react-native-safe-area-context@4.3.1" has unmet peer dependency "react-native@*".
warning " > react-native-screens@3.15.0" has unmet peer
dependency "react@*".
warning " > react-native-screens@3.15.0" has unmet peer
dependency "react-native@*".
warning "react-native-screens > react-freeze@1.0.0" has
unmet peer dependency "react@^17.0.0".
warning "@react-navigation/stack > @react-navigation/elements@1.3.4" has unmet peer dependency "react@*".
warning "@react-navigation/stack > @react-navigation/elements@1.3.4" has unmet peer dependency "react-native@*".warning " > @react-navigation/stack@6.2.2" has unmet peer dependency "react@*".
warning " > @react-navigation/stack@6.2.2" has unmet peer dependency "react-native@*".
[4/4] Building fresh packages...
warning No license field
success Saved 1 new dependency.
info Direct dependencies
└─ @react-navigation/stack@6.2.2
info All dependencies
└─ @react-navigation/stack@6.2.2
Done in 0.87s.
그리고,
StackNavigator.js 코드 복사
App.js 코드 복사
그리고, 저장
Unable to resolve module @react-navigation/native from C:\Users\shlee\OneDrive\바탕 화면\sparta-study\sparta-myhoneytip-shlee\App.js: @react-navigation/native could not be found within the project or in these directories:
node_modules
..\node_modules
7 |
8 | //메인에 세팅할 네비게이션 도구들을 가져옵니다.
> 9 | import {NavigationContainer} from '@react-navigation/native';
| ^
10 | import StackNavigator from './navigation/StackNavigator'
11 |
12 | export default function App() {
Error: Unable to resolve module @react-navigation/native from C:\Users\shlee\OneDrive\바탕 화면\sparta-study\sparta-myhoneytip-shlee\App.js: @react-navigation/native could not be found within the project or in these directories:
node_modules
..\node_modules
7 |
8 | //메인에 세팅할 네비게이션 도구들을 가져옵니다.
> 9 | import {NavigationContainer} from '@react-navigation/native';
| ^
10 | import StackNavigator from './navigation/StackNavigator'
11 |
12 | export default function App() {
at ModuleResolver.resolveDependency (C:\Users\shlee\OneDrive\바탕 화면\sparta-study\sparta-myhoneytip-shlee\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:158:15)
at DependencyGraph.resolveDependency (C:\Users\shlee\OneDrive\바탕 화면\sparta-study\sparta-myhoneytip-shlee\node_modules\metro\src\node-haste\DependencyGraph.js:231:43)
at Object.resolve (C:\Users\shlee\OneDrive\바탕 화면
\sparta-study\sparta-myhoneytip-shlee\node_modules\metro\src\lib\transformHelpers.js:129:24)
at resolve (C:\Users\shlee\OneDrive\바탕 화면\sparta-study\sparta-myhoneytip-shlee\node_modules\metro\src\DeltaBundler\traverseDependencies.js:396:33)
at C:\Users\shlee\OneDrive\바탕 화면\sparta-study\sparta-myhoneytip-shlee\node_modules\metro\src\DeltaBundler\traverseDependencies.js:412:26
at Array.reduce (<anonymous>)
at resolveDependencies (C:\Users\shlee\OneDrive\바탕
화면\sparta-study\sparta-myhoneytip-shlee\node_modules\metro\src\DeltaBundler\traverseDependencies.js:411:33)
at processModule (C:\Users\shlee\OneDrive\바탕 화면\sparta-study\sparta-myhoneytip-shlee\node_modules\metro\src\DeltaBundler\traverseDependencies.js:140:31)
at traverseDependenciesForSingleFile (C:\Users\shlee\OneDrive\바탕 화면\sparta-study\sparta-myhoneytip-shlee\node_modules\metro\src\DeltaBundler\traverseDependencies.js:131:3)
at traverseDependencies (C:\Users\shlee\OneDrive\바
탕 화면\sparta-study\sparta-myhoneytip-shlee\node_modules\metro\src\DeltaBundler\traverseDependencies.js:60:7)
undefined Unable to resolve module @react-navigation/native from C:\Users\shlee\OneDrive\바탕 화면\sparta-study\sparta-myhoneytip-shlee\App.js: @react-navigation/native could not be found within the project or in these directories:
node_modules
..\node_modules
7 |
8 | //메인에 세팅할 네비게이션 도구들을 가져옵니다.
> 9 | import {NavigationContainer} from '@react-navigation/native';
| ^
10 | import StackNavigator from './navigation/StackNavigator'
11 |
12 | export default function App() {
at http://172.30.1.27:19000/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&hot=false&strict=false&minify=false:35700:25 in showCompileError
at http://172.30.1.27:19000/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&hot=false&strict=false&minify=false:35619:28 in <unknown>
at http://172.30.1.27:19000/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&hot=false&strict=false&minify=false:35888:22 in onmessage
at http://172.30.1.27:19000/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&hot=false&strict=false&minify=false:33284:30 in dispatchEvent
at http://172.30.1.27:19000/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&hot=false&strict=false&minify=false:34330:30 in <unknown>
at http://172.30.1.27:19000/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&hot=false&strict=false&minify=false:23443:35 in __callFunction
at http://172.30.1.27:19000/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&hot=false&strict=false&minify=false:23171:30 in <unknown>
at http://172.30.1.27:19000/node_modules%5Cexpo%5CAppEntry.bundle?platform=android&dev=true&hot=false&strict=false&minify=false:23170:20 in callFunctionReturnFlushedQueue
와 같이 터미널에 오류메시지가 출력이 됩니다.
디버그 콘솔에는
crbug/1173575, non-JS module files deprecated.
로 출력이 됩니다.
도구설치가 잘못된것 같은데, 내용확인이 어려워서 문의 드립니다.
