저는 React Native를 처음 접하고 Tailwind CSS를 사용하며 React-native-dotenv를 구현하려고 합니다.
저는 NativeWind와 Tailwind를 설치했고(둘 다 필요하다고 생각합니다), React-native-dotenv를 구현하려고 할 때까지 작동 중이었습니다.
다음으로 babel.config.js 업데이트하면 문제가 발생합니다.
플러그인 내에서...
nativewind/babel을 제거하면 프로젝트가 expo를 로드하고 예상대로 작동합니다(스타일링 없음).
"module:react-native-dotenv...을 제거하면 프로젝트가 expo를 로드하고 예상대로 작동하지만 Dotenv 기능은 없습니다.
이 두 플러그인을 babel.config.js 파일에 함께 포함하면 콘솔에 다음 오류가 표시됩니다.
잡히지 않은 유형 오류: Nativewind__WEBPACK_IMPORTED_MODULE_0__.NativeWindStyleSheet가 정의되지 않았습니다. jsunitlessNumbers.js: 76 웹팩 48 unitlessNumbers.js:76"
또한 플러그인을 다른 파일로 분리하고 babel.config.js로 다시 가져오려고 시도했지만 성공하지 못했습니다.
.babelrc 파일을 .babelrc 文件以及 babel.config.js와 함께 사용했는데 역시 운이 없었습니다.
P粉7665209912024-03-30 12:20:43
저도 비슷한 문제에 직면한 적이 있는데 가능한 해결책 중 하나는 module:react-native-dotenv 插件，您可以尝试使用 babel-plugin-module-resolver 包来解析 的路径.env 파일을 사용하지 않는 것이었습니다.
이 작업은 babel.config.js 파일에서 수행할 수 있습니다.
행운을 빕니다~