为什么将 Tailwind 与使用 npm-运行-all 的 Create React App 一起使用会导致初始空白屏幕?

Why does using Tailwind with Create React App using npm-run-all cause an inital blank white screen?

我正在尝试将 tailwind 合并到我的 React 应用程序中。所以我按照此处概述的步骤进行操作 https://daveceddia.com/tailwind-create-react-app/

当我启动我的应用程序(新创建的演示应用程序)时,它会加载一个空白屏幕。刷新页面后,一切正常。我对为什么初始屏幕是空白页感到困惑。任何帮助或解释将不胜感激。

现在,如果我在不观看的情况下构建我的 tailwindcss,那么反应应用程序会加载正确的 css 但是热重载不适用于 tailwindcss 和我没有关注它的变化,所以生成的 css 没有变化。

如果我使用 npm-运行-all 来 运行 React 应用程序和 postcss 观察脚本,我最初得到的是空白屏幕,如前所述多于。

如果我使用 npm-运行-all 来 运行 React 应用程序和 postcss 手表脚本并且不包括 tailwind.generated.css 文件,我的 React 应用程序 运行s 加载正常,但我没有顺风 css 了。

似乎它只在我包含 tailwind 实用程序时执行此操作 @tailwind utilities;

我遇到了同样的问题,我发现 this hack:向脚本添加休眠 "start": "yarn watch:css & sleep 5 && react-scripts start"