* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
터미널 부에서 반으로 나누는데 거기서 파워셀 노드 cmd 이렇게 3부분인데 어디에 네비게이션 코드를 설치하는지몰라 노드와 cmd 부분에 설치했읍니다
그후 앱.js 코드까지 넣고 실행 하니 에러납니다
보
고 계신 화면 전체를 캡처해 주시면, 튜터님들이 빠르게 상황을 이해할 수 있어요.
작성한 코드 및 에러 메세지
파워셀 부분
PS C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit> yarn add @react-navigation/native
yarn : 이 시스템에서 스
크립트를 실행할 수 없으
므로 C:\Users\sangkoo k
ang\AppData\Roaming\npm
\yarn.ps1 파일을 로드할
수 없습니다. 자세한 내
t.com/fwlink/?LinkID=13
5170의 about_Execution_
Policies를 참조하십시오
.
위치 줄:1 문자:1
+ yarn add @react-navig
ation/native
+ ~~~~
+ CategoryInfo
: 보안 오류: (
:) [], PSSecurityEx
c eption
+ FullyQualifiedEr
rorId : Unauthoriz
edAccess
PS C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit>
노드 부분
Unable to resolve module @react-navigation/native from C:\Users\sangkoo
kang\Desktop\sparta-study\sparta-mytip-exit\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\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\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\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:178:15)
at DependencyGraph.resolveDependency (C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\node-haste\DependencyGraph.js:264:43)
at Object.resolve (C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\lib\transformHelpers.js:170:21)
at resolveDependencies (C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\DeltaBundler\graphOperations.js:466:33)
at processModule (C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\DeltaBundler\graphOperations.js:232:31)
at traverseDependenciesForSingleFile (C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\DeltaBundler\graphOperations.js:221:3)
at traverseDependencies (C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\DeltaBundler\graphOperations.js:147:7)
at DeltaCalculator._getChangedDependencies (C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\DeltaBundler\DeltaCalculator.js:263:42)
at DeltaCalculator.getDelta (C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\DeltaBundler\DeltaCalculator.js:90:16)
at DeltaBundler.getDelta (C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\DeltaBundler.js:74:12)
undefined Unable to resolve module @react-navigation/native from C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\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() {
showCompileError
<unknown>
emit
<unknown>
dispatchEvent
<unknown>
__callFunction
<unknown>
__guard
callFunctionReturnFlushedQueue
Unable to resolve module @react-navigation/native from C:\Users\sangkoo
kang\Desktop\sparta-study\sparta-mytip-exit\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\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\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\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\node-haste\DependencyGraph\ModuleResolution.js:178:15)
at DependencyGraph.resolveDependency (C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\node-haste\DependencyGraph.js:264:43)
at Object.resolve (C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\lib\transformHelpers.js:170:21)
at resolveDependencies (C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\DeltaBundler\graphOperations.js:466:33)
at processModule (C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\DeltaBundler\graphOperations.js:232:31)
at traverseDependenciesForSingleFile (C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\DeltaBundler\graphOperations.js:221:3)
at traverseDependencies (C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\DeltaBundler\graphOperations.js:147:7)
at DeltaCalculator._getChangedDependencies (C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\DeltaBundler\DeltaCalculator.js:263:42)
at DeltaCalculator.getDelta (C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\DeltaBundler\DeltaCalculator.js:90:16)
at DeltaBundler.getDelta (C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\node_modules\metro\src\DeltaBundler.js:74:12)
undefined Unable to resolve module @react-navigation/native from C:\Users\sangkoo kang\Desktop\sparta-study\sparta-mytip-exit\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() {
showCompileError
<unknown>
emit
<unknown>
dispatchEvent
<unknown>
__callFunction
<unknown>
__guard
callFunctionReturnFlushedQueue
cmd 부분
Microsoft Windows [Version 10.0.10586]
(c) 2015 Microsoft Corporation. All rights reserved.
C:\Users\sangkoo kang\Desktop\sparta-study>yarn add @react-navigation/native
yarn add v1.22.19
info No lockfile found.
[1/4] Resolving packages...
⠂ @react-navigation/n
⠄ @react-navigation/n
⡀ @react-navigation/n
⠠ use-latest-callback
⠐ strict-uri-encode@^
⠈ strict-uri-encode@^
⠁ strict-uri-encode@^
⠂ strict-uri-encode@^
⠄ strict-uri-encode@^
⡀ strict-uri-encode@^
⢀ strict-uri-encode@^
⠠ strict-uri-encode@^
⠐ strict-uri-encode@^
⠈ strict-uri-encode@^
[2/4] Fetching packages...
[3/4] Linking dependencies...
warning "@react-navigation/native > @react-navigation/core@6.4.6"
has unmet peer dependency "react@*".
warning " > @react-navigation/native@6.1.2"
has unmet peer dependency "react@*".
warning " > @react-navigation/native@6.1.2"
has unmet peer dependency "react-native@*".
[4/4] Building fresh packages...
success Saved lockfile.
success Saved 11 new dependencies.
info Direct dependencies
└─ @react-navigation
/native@6.1.2
info All dependencies
├─ @react-navigation
/core@6.4.6
├─ @react-navigation
/native@6.1.2
├─ @react-navigation
/routers@6.1.6
├─ decode-uri-compon
ent@0.2.2
├─ fast-deep-equal@3
.1.3
├─ filter-obj@1.1.0
├─ query-string@7.1.
3
├─ react-is@16.13.1
├─ split-on-first@1.
1.0
├─ strict-uri-encode
@2.0.0
└─ use-latest-callba
ck@0.1.5
Done in 5.78s.
C:\Users\sangkoo kang\Desktop\sparta-study>expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
> yarn add react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view
yarn add v1.22.19
warning package.json:
No license field
warning No license field
[1/4] Resolving packages...
⠂ react-native-gestur
⠄ react-native-gestur
⡀ react-native-gestur
⢀ react-native-gestur
⠄ js-tokens@^3.0.0 ||
⡀ js-tokens@^3.0.0 ||
⢀ js-tokens@^3.0.0 ||
⠠ js-tokens@^3.0.0 ||
⠐ js-tokens@^3.0.0 ||
⠈ js-tokens@^3.0.0 ||
⠁ react-native-reanim
⠂ string-hash-64@^1.0
⠄ @babel/plugin-trans
form-typescript@^7.18.⡀ @babel/plugin-synta
⢀ @babel/helper-plugi
⠠ @babel/helper-plugi
⠐ @babel/helper-plugi
⠈ @babel/types@^7.20.
⠄ supports-color@^5.3
⢀ @babel/types@^7.18.
⠐ @babel/types@^7.20.
⠈ @jridgewell/sourcem
⠁ @jridgewell/sourcem
⠂ @jridgewell/sourcem
⠄ react-native-screen
⠐ react-native-safe-a
⠈ @react-native-commu
⠁ @react-native-commu
⠂ @react-native-commu
⠄ @react-native-commu
⡀ @react-native-commu
⢀ @react-native-commu
⠠ @react-native-commu
⠐ @react-native-commu
⠈ @react-native-commu
⠁ @react-native-commu
⠂ @react-native-commu
⠄ @react-native-commu
⡀ @react-native-commu
⢀ @react-native-commu
⠠ @react-native-commu
⠐ @react-native-commu
⠈ @react-native-commu
⠁ @react-native-commu
⠂ @react-native-commu
⠄ @react-native-commu
⡀ @react-native-commu
⢀ @react-native-commu
⠠ @react-native-commu
⠐ @react-native-commu
⠈ @react-native-commu
⠁ @react-native-commu
⠂ @react-native-commu
warning @react-native-community/masked-view@0.1.11: Repository was moved to @react-native-masked-view/masked-view
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
success Saved lockfile.
warning No license field
success Saved 54 new dependencies.
info Direct dependencies
├─ @react-native-com
munity/masked-view@0.1.11
├─ react-native-gest
ure-handler@2.9.0
├─ react-native-rean
imated@2.14.4
├─ react-native-safe
-area-context@4.5.0
└─ react-native-scre
ens@3.19.0
info All dependencies
├─ @babel/generator@
7.20.7
├─ @babel/helper-ann
otate-as-pure@7.18.6
├─ @babel/helper-cre
ate-class-features-plugin@7.20.12
├─ @babel/helper-hoi
st-variables@7.18.6
├─ @babel/helper-plu
gin-utils@7.20.2
├─ @babel/helper-rep
lace-supers@7.20.7
├─ @babel/helper-ski
p-transparent-expression-wrappers@7.20.0
├─ @babel/helper-str
ing-parser@7.19.4
├─ @babel/helper-val
idator-identifier@7.19.1
├─ @babel/helper-val
idator-option@7.18.6
├─ @babel/highlight@
7.18.6
├─ @babel/parser@7.2
0.13
├─ @babel/plugin-syn
tax-typescript@7.20.0
├─ @babel/plugin-tra
nsform-object-assign@7.18.6
├─ @babel/plugin-tra
nsform-typescript@7.20.13
├─ @babel/preset-typ
escript@7.18.6
├─ @babel/template@7
.20.7
├─ @babel/traverse@7
.20.13
├─ @babel/types@7.20
.7
├─ @egjs/hammerjs@2.
0.17
├─ @jridgewell/gen-m
apping@0.3.2
├─ @jridgewell/resol
ve-uri@3.1.0
├─ @jridgewell/set-a
rray@1.1.2
├─ @jridgewell/sourc
emap-codec@1.4.14
├─ @jridgewell/trace
-mapping@0.3.17
├─ @react-native-com
munity/masked-view@0.1.11
├─ @types/hammerjs@2
.0.41
├─ ansi-styles@3.2.1
├─ chalk@2.4.2
├─ color-convert@1.9
.3
├─ color-name@1.1.3
├─ convert-source-ma
p@1.9.0
├─ debug@4.3.4
├─ globals@11.12.0
├─ has-flag@3.0.0
├─ hoist-non-react-s
tatics@3.3.2
├─ js-tokens@4.0.0
├─ jsesc@2.5.2
├─ lodash.isequal@4.
5.0
├─ lodash@4.17.21
├─ loose-envify@1.4.
0
├─ ms@2.1.2
├─ object-assign@4.1
.1
├─ prop-types@15.8.1
├─ react-freeze@1.0.
3
├─ react-native-gest
ure-handler@2.9.0
├─ react-native-rean
imated@2.14.4
├─ react-native-safe
-area-context@4.5.0
├─ react-native-scre
ens@3.19.0
├─ setimmediate@1.0.
5
├─ string-hash-64@1.
0.3
├─ supports-color@5.
5.0
├─ to-fast-propertie
s@2.0.0
└─ warn-once@0.1.1
Done in 35.43s.
C:\Users\sangkoo kang\Desktop\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...
⠂ @react-navigation/s
⠄ @react-navigation/s
⡀ @react-navigation/s
⢀ @react-navigation/s
⠠ @react-navigation/s
⠐ @react-navigation/s
⠈ @react-navigation/s
⠁ @react-navigation/s
⠂ @react-navigation/s
⠄ @react-navigation/s
⡀ @react-navigation/s
⢀ @react-navigation/s
⠠ @react-navigation/s
⠐ @react-navigation/s
⠈ @react-navigation/s
⠁ @react-navigation/s
⠂ @react-navigation/s
⠄ @react-navigation/s
⡀ @react-navigation/s
⢀ @react-navigation/s
⠠ @react-navigation/s
⠐ @react-navigation/s
⠂ color-string@^1.9.0
[2/4] Fetching packages...
[3/4] Linking dependencies...
warning " > @react-native-community/masked-view@0.1.11" has unmet
peer dependency "react@>=16.0".
warning " > @react-native-community/masked-view@0.1.11" has unmet
peer dependency "react-native@>=0.57".
warning " > @react-navigation/native@6.1.2"
has unmet peer dependency "react@*".
warning " > @react-navigation/native@6.1.2"
has unmet peer dependency "react-native@*".
warning "@react-navigation/native > @react-navigation/core@6.4.6"
has unmet peer dependency "react@*".
warning " > react-native-gesture-handler@2.9.0" has unmet peer dependency "react@*".
warning " > react-native-gesture-handler@2.9.0" has unmet peer dependency "react-native@*".
warning " > react-native-reanimated@2.14.4"
has unmet peer dependency "@babel/core@^7.0.0-0".
warning " > react-native-reanimated@2.14.4"
has unmet peer dependency "react@*".
warning " > react-native-reanimated@2.14.4"
has unmet peer dependency "react-native@*".
warning "react-native-reanimated > @babel/plugin-transform-object-assign@7.18.6" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "react-native-reanimated > @babel/preset-typescript@7.18.6" has unmet peer dependency "@babel/core@^7.0.0-0".
warning "react-native-reanimated > @babel/preset-typescript > @babel/plugin-transform-typescript@7.20.13" has
unmet peer dependency
"@babel/core@^7.0.0-0".
warning "react-native-reanimated > @babel/preset-typescript > @babel/plugin-transform-typescript > @babel/helper-create-class-features-plugin@7.20.12" has unmet peer dependency "@babel/core@^7.0.0".
warning "react-native-reanimated > @babel/preset-typescript > @babel/plugin-transform-typescript > @babel/plugin-syntax-typescript@7.20.0" has unmet peer
dependency "@babel/core@^7.0.0-0".
warning " > react-native-safe-area-context@4.5.0" has unmet peer dependency "react@*".
warning " > react-native-safe-area-context@4.5.0" has unmet peer dependency "react-native@*".
warning " > react-native-screens@3.19.0" has unmet peer dependency "react@*".
warning " > react-native-screens@3.19.0" has unmet peer dependency "react-native@*".
warning "react-native-screens > react-freeze@1.0.3" has unmet peer dependency "react@>=17.0.0".
warning "@react-navigation/stack > @react-navigation/elements@1.3.13" has unmet peer dependency "react@*".
warning "@react-navigation/stack > @react-navigation/elements@1.3.13" has unmet peer dependency "react-native@*".
warning " > @react-navigation/stack@6.3.11"
has unmet peer dependency "react@*".
warning " > @react-navigation/stack@6.3.11"
has unmet peer dependency "react-native@*".
[4/4] Building fresh packages...
success Saved lockfile.
warning No license field
success Saved 8 new dependencies.
info Direct dependencies
└─ @react-navigation
/stack@6.3.11
info All dependencies
├─ @react-navigation
/elements@1.3.13
├─ @react-navigation
/stack@6.3.11
├─ color-convert@2.0
.1
├─ color-name@1.1.4
├─ color-string@1.9.
1
├─ color@4.2.3
├─ is-arrayish@0.3.2
└─ simple-swizzle@0.
2.2
Done in 9.13s.
C:\Users\sangkoo kang\Desktop\sparta-study>
오류파ㅇ 발생 시, 작성한 코드 전체와 에러 메시지를 첨부해 주세요.
Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.
Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!
