为什么使用 Tailwind 和使用 npm-run-all 创建 React App 会导致初始空白屏幕？

Question

我正在尝试将顺风纳入我的反应应用程序。 所以我按照这里列出的步骤https://daveceddia.com/tailwind-create-react-app/

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

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

如果我使用 npm-run-all 来运行 react 应用程序和 postcss 监视脚本，我最初会得到如上所述的空白屏幕。

如果我使用 npm-run-all 运行 react 应用程序和 postcss 监视脚本并且不包含 tailwind.generated.css 文件，我的 react 应用程序运行并加载正常，但我没有 tailwind css 了。

似乎只有当我包含尾风实用程序@tailwind utilities;

Answer 1

我遇到了同样的问题，我发现了这个技巧：在脚本"start": "yarn watch:css & sleep 5 && react-scripts start"