当我启动活动服务器时，没有反映TailwindCss类。
当我启动活动服务器时，没有反映TailwindCss类。
提问于 2022-04-24 04:26:12
这是我第一次尝试使用顺风css，这是一个麻烦，几天来一直试图设置它，但没有成功。我在youtube上为绝对初学者观看了一段视频，直到最后，一切都很好，直到加载实时服务器和课程才会出现问题。让我提一提，我还没有学到任何js框架只是普通的。我也尝试了官方的顺风设置，从他们的网站和他们的官方youtube视频使用vite，仍然没有运气。
我的postcss.config.js文件
module.exports = {
plugins: [require("tailwindcss"), require("autoprefixer")],
};我的顺风配置
module.exports = {
content: [],
theme: {
extend: {},
},
variants: {},
plugins: [],
};我在css中也有这一点，它反映在输出文件中，我添加了这个导入，因为有人在这里建议它，但仍然没有工作。
@import "tailwind/base";
@import "tailwind/components";
@import "tailwind utilities";回答 1
Stack Overflow用户
发布于 2022-04-24 05:20:01
您需要告诉tailwind.config.js它应该分发给哪些内容。例如，content: ["./src/pages/*.{html,js}"],。路径必须相对于tailwind.config.js所在的位置。
您还需要使用Tailwind的实时编译监视模式，它为所有使用的CSS类解析content:文件，将它们编译成output.css。在你的HTML中，你只需要包括那个output.css
命令如下：npx tailwindcss -i /path/to/input.css -o /path/to/output.css --watch
input.css是您的原始css文件(在这里您放置了@import)，而output.css是它每次使用类生成的文件，所以您将把文件加载到HTML中。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/71988388
复制相关文章
点击加载更多
相似问题
使用npm start时出现npm奇怪错误135
使用Expo start代替npm start
使用VScode将Azure函数部署到Azure环境中
使用npm start时"Localhost拒绝连接“
npm start -使用CORS
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
