为什么使用 npm-run-all 将 Tailwind 与 Create React App 一起使用会导致初始空白白



我正在尝试将顺风整合到我的反应应用程序中。所以我按照这里概述的步骤 https://daveceddia.com/tailwind-create-react-app/

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

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

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

如果我使用 npm-run-all 来运行 react 应用程序,而 postcss watch scrip 并且不包含 tailwind.generated .css 文件,我的 react 应用程序运行和加载正常,但我不再有顺风 css。

似乎只有当我包括顺风实用程序时,它才会这样做@tailwind utilities;

我遇到了同样的问题,我发现了这个技巧:在脚本中添加睡眠"start": "yarn watch:css & sleep 5 && react-scripts start"

最新更新