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 機能はありません。 これら 2 つのプラグインを

babel.config.js

ファイルに一緒に含めると、コンソールに次のエラーが表示されます:

Uncaught TypeError:nativewind__WEBPACK_IMPORTED_MODULE_0__.NativeWindStyleSheet が定義されていません jsunitlessNumbers.js: 76 ウェブパック 48 UnitlessNumbers.js:76"

また、プラグインを別のファイルに分割し、それらを

babel.config.js

に再インポートしようとしましたが、成功しませんでした。 私は

.babelrc

ファイルと babel.config.js を使用しましたが、どちらもうまくいきませんでした。

Answer 1

私もかつて同様の問題に遭遇しました。考えられる解決策の 1 つは、module:react-native-dotenv プラグインを使用しないことです。babel-plugin-module-resolver を使用してみてください。 .env ファイルへの パスを解析するパッケージ、.

これは babel.config.js ファイルで行うことができます:

リーリー

幸運を祈ります~