reactjs 类名未显示在nextjs上

pftdvrlh  于 2023-02-08  发布在  React
关注(0)|答案(2)|浏览(110)

所以我在登录页面上使用next.js作为框架。
我用react做了一些简单的文本设计,但是没有显示在浏览器上,可能是没有导入。
我在控制台上没有看到任何错误,所以我很难找到问题所在。

我可以在检查器上检查这些文本的类名,所以我真的很困惑为什么这没有反映在浏览器上。
有人知道问题出在哪里吗?或者有过同样的经历吗?
先谢谢你。
文件如下所示:第一节第一节第一节第二节第一节第三节第一

iq0todco

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}",

],

cnh2zyt3

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: [],
}

相关问题