TailwindCss类在/user/1这样的路由中不起作用

Question

我已经配置了顺风CSS，当我给出/home，/about这样的路由时，它会正常工作<路径 元素="{}"><路由路径 元素="{}">

但是当我创建像/user/1这样的路由时
然后顺风类在同一个项目的Route组件中不起作用

Answer 1

正如顺风文档中明确提到的。./src/**/*.{js,jsx,ts,tsx}路径可用于顺风，因此尝试查看您的路径是否匹配

tailwind.config.js文件

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

如果不按要求编辑。

Answer 2

如果您使用的是Next 13并且没有布局。在app文件夹中导入TSX，然后确保在其他布局中手动导入global .css。jsx文件。例如下面这样的结构:

-app
--(marketing)
--layout.jsx
--page.jsx
--dashboard
--layout.jsx
--page.jsx
--globals.css
--favicon.ico