React Native에서 NativeWind와 React-native-dotenv 간의 충돌 해결

Question

저는 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와 함께 사용했는데 역시 운이 없었습니다.

Answer 1

저도 비슷한 문제에 직면한 적이 있는데 가능한 해결책 중 하나는 module:react-native-dotenv 插件，您可以尝试使用 babel-plugin-module-resolver 包来解析 的路径.env 파일을 사용하지 않는 것이었습니다.

이 작업은 babel.config.js 파일에서 수행할 수 있습니다.

으아아아

행운을 빕니다~