gpt4 book ai didi

reactjs - 为什么将 Tailwind 与使用 npm-run-all 的 Create React App 结合使用会导致初始空白屏幕?

转载 作者:行者123 更新时间:2023-12-04 01:26:30 28 4
gpt4 key购买 nike

我正在尝试将 tailwind 合并到我的 React 应用程序中。所以我按照这里列出的步骤 https://daveceddia.com/tailwind-create-react-app/

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

现在,如果我在不观察的情况下构建我的 tailwindcss,那么 React 应用程序会加载正确的 css,但是热重载对 tailwindcss 不起作用,而且我没有观察它的变化,所以生成的 css 不会改变。

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

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

似乎只有当我包含 tailwind 实用程序时它才会这样做@tailwind 实用程序;

最佳答案

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

关于reactjs - 为什么将 Tailwind 与使用 npm-run-all 的 Create React App 结合使用会导致初始空白屏幕?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61843338/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com