react-module, 번들

react-module, 번들

저는 리액션 네이티브가 처음이라 전혀 의미가 없는 오류를 발견했습니다.

캘린더 라이브러리를 포함하려고 합니다.https://github.com/wix/react-native-calendars

저는 그 도서관의 의존관계를 패키지에 포함시켰습니다.json 파일 및 실행npm install

프로젝트는 예상대로 잘 진행되고 있었다.프로젝트에 코드 한 줄을 추가했을 뿐입니다.

import { Calendar, CalendarList, Agenda } from 'react-native-calendars';

다른 것은 없어요.그러나 이제 앱이 장치에 로드되면 빨간색 오류 메시지가 표시되고 콘솔에 다음과 같은 메시지가 표시됩니다.

오류: 번들 실패:오류: 모듈 해결 중xdate파일로부터/Users/Alex/Documents/workspace/mobile/node_modules/react-native-calendars/src/index.js, 패키지/Users/Alex/Documents/workspace/mobile/node_modules/xdate/package.json를 찾았습니다.단, 이 패키지 자체에는main해결할 수 없는 모듈필드(/Users/Alex/Documents/workspace/mobile/node_modules/xdate/src/xdate.js실제로 다음 파일은 존재하지 않습니다.

*/Users/Alex/Documents/workspace/mobile/node_modules/xdate/src/xdate.js(.native||.ios.js|.native.js|.js|.ios.json|.native.json|.json)

*/Users/Alex/Documents/workspace/mobile/node_modules/xdate/src/xdate.js/index(.native||.ios.js|.native.js|.js|.ios.json|.native.json|.json)ResolutionRequest.resolveDependency(/Users/Alex/Documents/workspace/mobile/node_modules/metro/src/node-haste/DependencyGraph/ResolutionRequest.js:103:15)의 DependencyGraph.resolveDependency(/MobileDependency(/Us/사용자/Alex/모듈/모듈/modification/modex/modification/modification/modicationArray.map()에서 ents/workspace/mobile/node_modules/metro/src/DeltaBundler/traverseDependencies.js:376:19)를 resolveDependencies(/Users/Alex/Documents/workspace/mobile/modules/metro/s/s/s/dents/dependance:374:374:374)./Users/Alex/Documents/workspace/mobile/node_modules/metro/src/DeltaBundler/traverseDependencies.js:297:313)의 enerator.next (/Users/Alex/mobile/work/work/work/work/work/work/work/workspace/work/work/work/work/work/work/work/workspace/workspace/workspace/workspace/workspace/workspace/workspace/workspace/m

그러나 디렉토리에서 확인해보니 실제로 /Users/Alex/Documents/workspace/mobile/node_modules/xdate/src/xdate.js가 존재합니다.단, 이 부분(.native|.ios.js|.native.js|.js|.ios.json|.native.json|.json')은 표시되지 않습니다.

/Users/Alex/Documents/workspace/mobile/node_modules/xdate/src/xdate.js/index가 존재하는 방법에 대해서는 xdate.js는 디렉토리가 아니기 때문에 의미가 없습니다.

도움이 필요하신가요?

일반적으로 패키지가 열려 있을 때 모듈을 설치하려고 할 때 발생합니다.

" " " 를 해 주세요.node_modules, 「」를 .packager 다시 하다, 설치하다, 설치하다, 설치하다, 설치하다npm install프로젝트 디렉토리로 이동합니다.

먼저 JavaScript 번들러(이 경우 Metro 번들러)를 닫고 응용 프로그램을 재시작합니다.그러면 새로 종속성 그래프가 생성됩니다.이것으로 문제가 해결됩니다.

번들러를 재시작하기만 하면 노드 모듈 폴더를 삭제할 필요가 없습니다.

Linux Mint에서 VS Code 및 Android Studio 에뮬레이터를 사용할 때 react-native 요소를 추가 및 사용할 때 이 문제가 발생하였습니다.

VS Code에서 터미널은 'npm start' 명령을 통해 Metro Bundler와 Expo를 실행했습니다.폴더에 react-native-elements를 설치하고('npm install --save react-native-elements' 사용) Import를 .js 파일에 추가한 후 "단, 이 패키지는 해결할 수 없는 메인 모듈필드를 지정합니다" 오류가 발생하였습니다.

이 경우 터미널 세션에서 ^C가 Metro 번들러를 중지하고 다시 'npm start'를 실행해야 했습니다.노드 모듈 폴더를 삭제할 필요가 전혀 없었습니다.

./node_modules 및 running " " " 。npm install 한 번 .--update-binary "Frag", ")npm install --update-binary이 조작으로, 머신상에서 이전에 빌드 된 패키지가 클리어 되어 재구축 됩니다.

노드 모듈 폴더를 삭제하지 마십시오.번들러에서는 노드 모듈폴더에 대한 대처가 최소한으로 되어 있습니다.

대신 모든 터미널을 닫으십시오.VS-code를 사용하는 경우 그것도 닫습니다.

모든 로컬 호스트 서버 포트를 닫고 가능하면 시스템을 재시작합니다.이것으로 문제가 해결될지도 모릅니다.

동일한 문제가 있는 경우 node_module이 작동하지 않는 것을 삭제합니다.그런 다음 node_module을 모두 삭제하고 패키지 잠금을 실행한 후 npm 대신 node_module을 설치하세요.도움이 되었으면 좋겠다

MacBook을 다시 시작하는 것 외에는 위의 어떤 솔루션도 도움이 되지 않았습니다.컴퓨터를 재부팅하는 것이 해결책이 될 수 있다는 것을 믿을 수 없었기 때문에 이 문제를 해결하기 위해 30분을 낭비했다.

언급URL : https://stackoverflow.com/questions/51068105/react-native-bundling-failed