当前位置: 首页 > news >正文

react项目引入tailwindcss不生效解决方案

根据tailwindcss官网的操作步骤下来,样式未生效,且未报错,看了挺多的资料,还是并未解决。

后面在另一个项目尝试时,报了下面的问题:

Error: PostCSS plugin tailwindcss requires PostCSS 8

根据这个链接的提示,重新安装了兼容版本

npm uninstall -D tailwindcss postcss autoprefixernpm install -D tailwindcss@npm:@tailwindcss/postcss7-compat  postcss@^7 autoprefixer@^9

如果还未生效,可以检查webpack.config.js里postcss的配置

{loader: require.resolve('postcss-loader'),options: {ident: 'postcss',plugins: () => [require('postcss-flexbugs-fixes'),require('postcss-preset-env')({autoprefixer: {flexbox: 'no-2009'},stage: 3}),require('tailwindcss'), // ~~新增~~postcssNormalize()],sourceMap: isEnvProduction && shouldUseSourceMap}}

目前按照这个流程走下来,两个项目都可以使用tailwindcss了,呼~


http://www.mrgr.cn/news/90411.html

相关文章:

  • 石英表与机械表的世纪之争(Quartz vs. Mechanical Watches):瑞士钟表业的危机与重生(中英双语)
  • vue.js v-model实现原理
  • flink cdc2.2.1同步postgresql表
  • 微服务面试题:分布式事务和服务监控
  • 51单片机看门狗系统
  • Ranger Admin安装MySQL初始化问题解决
  • React 高级教程
  • 【CS61A 2024秋】Python入门课,全过程记录P7(Week13 Macros至完结)【完结撒花!】
  • [笔记.AI]Deepseek-R1 各参数版本的蒸馏模型对比
  • Spring Boot 配置 Mybatis 读写分离
  • jenkins备份还原配置文件
  • 基于STM32的智能鱼缸水质净化系统设计
  • C++引用深度详解
  • Flutter_学习记录_基本组件的使用记录_2
  • 数据结构与算法-单链表
  • UnrealEngine开发无人机飞行模拟软件的手柄如何选择
  • 伺服使能的含义解析
  • ubuntu20.04+ROS+Gazebo+px4+QGC+MAVROS
  • Packer 手动修复安装腾讯云插件
  • unity 安装Entities
  • 深入理解Java对接DeepSeek
  • 【Python深入浅出㉗】Python3正则表达式:开启高效字符串处理大门
  • 数据结构与算法之排序算法-快速排序(分治)
  • Linux内核实时机制x - 实时性之中断响应优化
  • 1.【线性代数】——方程组的几何解释
  • DeepSeek投喂数据(训练AI)