安装后TailwindCSS无法工作

Question

我跟踪并安装了TailwindCSS：https://tailwindcss.com/docs/installation

我已经创建了一个新的测试项目，并向index.html添加了一些代码，但是当我运行它时，它不应用TailwindCSS样式。

下面是带有index.html文件的项目结构。

​

​

以下是tailwind.config.js文件的内容：

   module.exports = {
  content: ["./src/**/*.{html,js}"],
  theme: {
    extend: {},
  },
  plugins: [],
}

我正在使用以下命令：

npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch

这是我的input.css文件：

@tailwind base;
@tailwind components;
@tailwind utilities;

在我运行这个应用程序之后，所有的东西都是白色的，没有改变文本样式，但是从代码中可以看到，背景应该是蓝色的和更大的文本。

​

​

我在哪里犯错误？

Answer 1

在tailwind.config.js文件中编辑模块的内容值如下：

content: ["./src/**/*.{html,js}"],

记住，转到output.css文件，然后用ctrl +S保存它。

Answer 2

在input.css文件中，确保最后两个顺风实用程序位于底部，如下所示

@tailwind base;

html,body {
...
}


@tailwind components;
@tailwind utilities;