오류: 모듈 '@react-native-community/toolbar-android'를 확인할 수 없습니다.
이상하게도react-native-vector-icons
정상적으로 동작하고 있었지만,^
('^6.6.0') 버전에서는package.json
이 에러가 발생합니다.
이상하게도 이틀 전만 해도 잘 작동했는데 이제 프로젝트 시작 시 다음과 같은 오류가 발생했습니다.
오류: 오류:모듈을 확인할 수 없습니다.
@react-native-community/toolbar-android
부터node_modules\react-native-vector-icons\lib\toolbar-android.js
: 프로젝트 내에서 @syslog-syslog-syslog/syslog-syslog를 찾을 수 없습니다.
이 문제를 읽고 많은 솔루션을 시도하면 다음 두 가지 솔루션에 도달할 수 있습니다.
모두 삭제할 수 있습니다.node_modules
폴더 및 버전 저장react-native-vector-icons
로."6.6.0"
대신"^6.6.0"
그런 다음 모든 패키지를 다시 설치합니다. 물론 모든 캐시와 빌드를 삭제하고 모든 것을 다시 시작하는 것이 좋습니다.(권장하지 않음)를 인스톨 할 수 있습니다.@react-native-community/toolbar-android
다음 명령을 사용합니다.yarn add @react-native-community/toolbar-android
또는npm install --save @react-native-community/toolbar-android
주의: 이 두 가지 솔루션은 모두 일시적이며 곧 이 버그가 수정될 것이며toolbar-android
패키지.
사전 업데이트
패키지를 버전으로 업데이트합니다."^7.0.0"
아직 문제가 남아 있기 때문에 이 해결책은 현재 인내심입니다.
새 업데이트
이 문제는 버전으로 수정되었습니다."^7.1.0"
를 인스톨 할 필요는 없습니다.@react-native-community/toolbar-android
.
라이브러리를 갱신하다
리액트 리액트 리액트 리액트 리액트 리액트 리콘
최신 버전으로 업그레이드합니다.
저도 이런 문제가 있었어요.내 경우 패키지를 제거하고 최신 버전(7.0.0)으로 다시 추가한 경우에만 작동합니다.
yarn remove react-native-vector-icons
yarn add react-native-vector-icons
같은 에러가 발생.설치만 하면 됩니다.toolbar-android
& voila!
npm install --save @react-native-community/toolbar-android
길을 가다\node_modules\native-base\node_modules\react-native-vector-icons\lib\toolbar-android.js
교체하다import ToolbarAndroid from '@react-native-community/toolbar-android'
로.import {ToolbarAndroid} from './react-native';
버전 6에서7로 업그레이드해도 같은 에러가 발생하였습니다.이 문제는 캐시를 리셋하는 것만으로 해결할 수 있습니다.
시도해 보세요npm start -- --reset-cache
이 작업을 수행합니다.rm - snode _ rm / rm - snap package . lock . json npm i react - snap start -- snap-cache
프로젝트 디렉토리에서 참조:)
리액트 네이티브에서 직접 Import하면 문제 해결
node_displays\displays-icons\lib\displays-displays.js
import { ToolbarAndroid } from 'react-native';
같은 문제를 해결했습니다.환경: RN: 0.61.5 노드: v12.18.3 OS: Windows 10 Pro
react-native-vector-icons 최신 버전(현재 7.0.0)을 설치할 수 있습니다.또한 자동 링크(react-native link react-native-vector-icons)를 실행하지 마십시오.마지막으로 실행 중react-native start --reset-cache
행운을 빌어요.
먼저, 에서 사용되는 표준 규약에 대해 설명하겠습니다.package.json
팩케지 버전입니다.그래서 보면~1.0.2
'하다'라는입니다.1.0.2
최신 예: 음음음 such such such such such such such such)1.0.4
<>^1.0.2
'하다'라는입니다.1.0.2
최신 예: 음음음 such such such such such such such such such)1.1.0
.
자, 이제 이 문제로 넘어가죠.
는 의 때문에 합니다.react-native-vector-icons
그래서 문제가 좀 생기죠.프로젝트 디렉토리에서 다음 명령을 사용하여 버전을 확인합니다.
npm list react-native-vector-icons --version
6.6.0
닌?? 제가있 있있있있. 6.6.0
하지만 넌 다른 걸 얻었어
솔루션:
★★node_modules
를 참조해 주세요.의 합니다.react-native-vector-icons
package.json
로로 합니다.6.6.0
삭제(스위치 제거))^
npm
도 말고더도 말고 덜도 아니다!)
★★★★★★★★★★★★★★★★★★.npm install
!
또 다른 대안은 엑스포의 벡터 아이콘을 사용하는 것이다.이런 거.{ Ionicons }을(를) "@expo/vector-icons"에서 가져옵니다.그런 다음 아이콘을 다음과 같이 렌더링합니다.
<Ionicons
name="ios-exit-outline"
color={colors.danger}
size={28}
style={{ marginRight: -15 }}
/>
node_modules\react-native-vector-icons\lib\toolbar-android 파일을 편집합니다.js
'@react-native-community/toolbar-android'에서 'import ToolbarAndroid'를 제거합니다. 편집 반환 null
이 경우 모듈 파일에 툴바가 표시되지 않으며, 이 명령어로 수정할 수 있다고 친구로서 말합니다.
Windows 사용자:
npm install --save @react-native-community/toolbar-android
Mac 사용자:
yarn add @react-native-community/toolbar-android
하지만 일반적으로: "Unable to resolve module"로 시작하는 이런 종류의 오류가 발생할 때마다 여러분에게 경험을 알려드리고자 합니다.
에러를 참조해 주세요.시스템이 알려주는 모듈에 문제가 있습니다.
해당 모듈이 없는 경우 명령어를 사용하여 설치할 수 있습니다.
Windows 사용자:
npm install --모듈을 저장합니다(주의:모듈은 설치할 필요가 있는 패키지 또는 모듈의 이름입니다.)
및 Mac 사용자:
yarn add THE MODULE(attention: THE MODULE IS THE NAME OF PACKAGES OR MODULES that u need to install)
예를 들어 다음 오류를 살펴보겠습니다.
error Unable to resolve module `@react-native-community/slider` from `App.js`: @react-native-community/slider could not be found within the project.
보다시피 오류는 이 모듈을 프로젝트 내에서 찾을 수 없다는 것입니다.이 명령어를 사용하여 설치해야 합니다.Windows 프로그래머의 경우:
npm install --save @react-native-community/slider
Mac 프로그래머의 경우:
yarn add @react-native-community/slider
그게 다야
모듈 오류를 해결할 수 없다고 해서 문제없이 저를 이해해주셨으면 좋겠고, 제 명령어가 당신에게 도움이 되었으면 합니다.
안부 전합니다
메흐라드 카람푸르(MEH)
언급URL : https://stackoverflow.com/questions/62769564/error-unable-to-resolve-module-react-native-community-toolbar-android
'programing' 카테고리의 다른 글
json의 단일 키에 여러 값 저장 (0) | 2023.02.28 |
---|---|
AngularJS의 커스텀 디렉티브 *sure scope* 내에서 부모 스코프에 액세스하려면 어떻게 해야 합니까? (0) | 2023.02.28 |
소품을 유지하면서 React 및 TypeScript HTML 요소 확장 (0) | 2023.02.28 |
WooCommerce - calculate_shipping 기능으로 카트 아이템의 배송 클래스를 얻는 방법 (0) | 2023.02.28 |
WP_Query에서 날짜별로 주문하는 방법? (0) | 2023.02.28 |