我将 tailwindCSS 用于一个简单的 html 站点,但在 netlify 上部署不起作用,为什么?

I'm using tailwindCSS for a simple html site but deployment on netlify does not work, why?

我一直在按照官方视频教程学习如何使用 tailwind css,我只是想尝试将站点示例部署到 Netlify,看看它是否可以使用拖放功能。

这意味着获取整个项目文件夹并将其转储到 netlify 中。这通常适用于 vanilla html css js 站点,但由于某种原因我收到错误 Page Not Found Looks like you've followed a broken link or entered a URL that doesn't exist on this site.

项目结构如下:

我做错了什么?在 build 文件夹中还有另一个名为 tailwind.css

的文件

我已经解决了这个问题。

诀窍是将所有内容从 public 文件夹中取出,并将其与其他文件夹和文件放在同一层级。

这将使 index.html 文件在项目的根目录下可用,并允许站点在部署后正常工作。

在您的 Netlify 仪表板上,将 publish directory 更改为 index.html 文件所在的目录:public/。应该可以了。

您也可以如您所说,将所有内容从 public 文件夹中取出,并将其与其他文件夹和文件放在同一级别,这使得 index.html 在根目录下可用的项目。但是,您将失去项目的文件组织。