Css 顺风级不';不生效

Css 顺风级不';不生效,css,reactjs,webpack,tailwind-css,Css,Reactjs,Webpack,Tailwind Css,我为一个小项目创建了一个react设置,并决定添加tailwind。它是成功的,但是当我将类添加到组件时,我没有看到任何更改 这是存储库的第一步一切似乎都很好。删除节点模块和package.lock.json文件并安装节点模块后,启动服务器 此外,不需要在App.js中导入tailwind.css。 只要main.css就足够了,因为我们已经在main.css中添加了所有样式(检查package.json中的脚本)一切似乎都很好。删除节点模块和package.lock.json文件并安装节点模块

我为一个小项目创建了一个react设置,并决定添加tailwind。它是成功的,但是当我将类添加到组件时,我没有看到任何更改


这是存储库的第一步

一切似乎都很好。删除节点模块和package.lock.json文件并安装节点模块后,启动服务器

此外,不需要在App.js中导入tailwind.css。
只要main.css就足够了,因为我们已经在main.css中添加了所有样式(检查package.json中的脚本)

一切似乎都很好。删除节点模块和package.lock.json文件并安装节点模块后,启动服务器

此外,不需要在App.js中导入tailwind.css。
只要main.css就足够了,因为我们已经将所有样式附加到main.css(检查package.json中的脚本)

我发现了问题。这是从我的网页配置为CSS加载器。我注意到,当我添加自己的样式表时,并没有应用所有规则

{
        loader: "css-loader",
        options: {
          modules: true,
          importLoaders: 1,
          sourceMap: true
        }
      }

我不得不删除所有选项。我甚至不知道我为什么一开始就加上它。顺风CSS现在可以工作了。

我发现了问题。这是从我的网页配置为CSS加载器。我注意到,当我添加自己的样式表时,并没有应用所有规则

{
        loader: "css-loader",
        options: {
          modules: true,
          importLoaders: 1,
          sourceMap: true
        }
      }

我不得不删除所有选项。我甚至不知道我为什么一开始就加上它。“顺风”CSS现在可以工作了。

您有任何错误吗?顺便说一句,添加一些关于库的实现和使用的代码将有助于回答这个问题,您在哪里将
tailwind.css
导入到您的应用程序中?到目前为止没有错误。添加tailwind配置后,库的默认样式生效,但添加类名无效。我只在
index.js
文件中导入了main.css。我也要导入tailwind.css吗?@Odunsi是的,您也需要导入
tailwind.css
。您有任何错误吗?顺便说一句,添加一些关于库的实现和使用的代码将有助于回答这个问题,您在哪里将
tailwind.css
导入到您的应用程序中?到目前为止没有错误。添加tailwind配置后,库的默认样式生效,但添加类名无效。我只在
index.js
文件中导入了main.css。我也要导入tailwind.css吗?@Odunsi是的,你也需要导入
tailwind.css
。我这样做了,问题仍然存在。我确信我做的每件事都是正确的。我会自己做的。谢谢你,我做到了,这个问题仍然存在。我确信我做的每件事都是正确的。我会自己做的。谢谢你,好的。你为什么使用网页包?我建议使用CreateReact应用程序附带的react脚本npm包。是的,我知道创建反应应用程序。但是CRA带来了一些我可能不需要的东西。而且我正在做的项目不是很大,这就是为什么我决定在没有CRA的情况下创建React应用程序的原因。你为什么使用网页包?我建议使用CreateReact应用程序附带的react脚本npm包。是的,我知道创建反应应用程序。但是CRA带来了一些我可能不需要的东西。而且我正在做的项目不是很大,这就是为什么我决定创建没有CRA的React应用程序。