所以我在登录页面上使用next.js作为框架。我用react做了一些简单的文本设计,但是没有显示在浏览器上,可能是没有导入。我在控制台上没有看到任何错误,所以我很难找到问题所在。
我可以在检查器上检查这些文本的类名,所以我真的很困惑为什么这没有反映在浏览器上。有人知道问题出在哪里吗?或者有过同样的经历吗?先谢谢你。文件如下所示:第一节第一节第一节第二节第一节第三节第一
iq0todco1#
我认为问题出在您的Tailwind安装上。请确认Tailwind安装是否正确。有时候,由于Tailwind配置文件(tailwind.config.js)的问题,可能会出现此类问题。如果内容路由添加不正确,可能会在某些组件中工作,但在其他组件中不工作。
content: [ "./components/**/*.{js,ts,jsx,tsx}", "./widgets/**/*.{js,ts,jsx,tsx}", "./shared/**/*.{js,ts,jsx,tsx}", "./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}", "./hook/**/*.{js,ts,jsx,tsx}",
],
cnh2zyt32#
配置模板路径在tailwind.config.js文件中添加所有模板文件的路径。
/** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./app/**/*.{js,ts,jsx,tsx}", "./pages/**/*.{js,ts,jsx,tsx}", "./components/**/*.{js,ts,jsx,tsx}", // Or if using `src` directory: "./src/**/*.{js,ts,jsx,tsx}", ], theme: { extend: {}, }, plugins: [], }
2条答案
按热度按时间iq0todco1#
我认为问题出在您的Tailwind安装上。请确认Tailwind安装是否正确。有时候,由于Tailwind配置文件(tailwind.config.js)的问题,可能会出现此类问题。如果内容路由添加不正确,可能会在某些组件中工作,但在其他组件中不工作。
],
cnh2zyt32#
配置模板路径
在tailwind.config.js文件中添加所有模板文件的路径。