npm-run-allを使用してCreateReact AppでTailwindを使用すると、最初の空白の白い画面が表示されるのはなぜですか?

ビジュアルバム

私は自分のreactアプリに追い風を取り入れようとしています。だから私はここで概説されている手順に従いましたhttps://daveceddia.com/tailwind-create-react-app/

アプリケーション(新しく作成したデモアプリ)を起動すると、空白の白い画面が読み込まれます。ページを更新した後、すべてが正常に機能します。最初の画面が空白のページである理由がわかりません。どんな助けや説明もいただければ幸いです。

ここで、監視せずにtailwindcssをビルドすると、reactアプリは正しいcssで読み込まれますが、hot-reloadはtailwindcssに対して機能せず、変更を監視していないため、生成されたcssは変更されません。

npm-run-allを使用してreactアプリとpostcssウォッチスクリプトを実行すると、上記のように最初は空白の白い画面が表示されます。

npm-run-allを使用してreactアプリとpostcssウォッチスクリプトを実行し、tailwind.generated.cssファイルを含めない場合、reactアプリは正常に実行およびロードされますが、tailwindcssはもうありません。

追い風ユーティリティを含めた場合にのみこれを行うようです @tailwind utilities;

ビクター

私は同じ問題を抱えていて、このハックを見つけました:スクリプトにスリープを追加します"start": "yarn watch:css & sleep 5 && react-scripts start"

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

Related 関連記事

ホットタグ

アーカイブ