tailwind 踩坑记

这,是taro官网地址:taro引入tailwind的教程

我完全按照上面的步骤来,结果根本无效(文档太过时了)


我后来又按照 weapp-tailwindcss 的官方文档做了一番修正:
weapp-tailwindcss Taro (所有框架)

结果还是报错


最后的解决方案:

npm install @tailwindcss/postcss

再把 /config/index 里的

import tailwindcss from "tailwindcss";

改为

import tailwindcss from "@tailwindcss/postcss";

最后终于能用了,最后附上我的版本信息和附修复后的 模板源码地址,下载下来后可以直接使用:

> taro info
� Taro v4.1.5Taro CLI 4.1.5 environment info:System:OS: Windows 11 10.0.26100Binaries:Node: 22.17.1 - C:\nvm4w\nodejs\node.EXEnpm: 10.9.2 - C:\nvm4w\nodejs\npm.CMDnpmPackages:@tarojs/cli: 4.1.5 => 4.1.5@tarojs/components: 4.1.5 => 4.1.5@tarojs/helper: 4.1.5 => 4.1.5@tarojs/plugin-framework-vue3: 4.1.5 => 4.1.5@tarojs/plugin-html: 4.1.5 => 4.1.5@tarojs/plugin-platform-alipay: 4.1.5 => 4.1.5@tarojs/plugin-platform-h5: 4.1.5 => 4.1.5@tarojs/plugin-platform-jd: 4.1.5 => 4.1.5@tarojs/plugin-platform-qq: 4.1.5 => 4.1.5@tarojs/plugin-platform-swan: 4.1.5 => 4.1.5@tarojs/plugin-platform-tt: 4.1.5 => 4.1.5@tarojs/plugin-platform-weapp: 4.1.5 => 4.1.5@tarojs/runtime: 4.1.5 => 4.1.5@tarojs/shared: 4.1.5 => 4.1.5@tarojs/taro: 4.1.5 => 4.1.5@tarojs/vite-runner: 4.1.5 => 4.1.5babel-preset-taro: 4.1.5 => 4.1.5eslint-config-taro: 4.1.5 => 4.1.5

修复后终于可用的的模板源码地址:taro+vue3+vite+tailwind+pinia

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.pswp.cn/news/920412.shtml
繁体地址,请注明出处:http://hk.pswp.cn/news/920412.shtml
英文地址,请注明出处:http://en.pswp.cn/news/920412.shtml

如若内容造成侵权/违法违规/事实不符,请联系英文站点网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

LCEDA电气规则

MARK点普通问题 铺铜太靠近MARK点放置一个禁止区域,圆形编辑封装

无人机Remote ID:天空中的数字车牌与未来空域管理

一架没有牌照的汽车上路会被交管部门处罚,那么一架没有“数字车牌”的无人机升空呢?随着无人机Remote ID技术的推广,未来天空中的每架无人机都将拥有自己的身份标识。 近年来,无人机呈爆炸式增长,从航拍摄影到物流配送,从农业植保到应急救援,应用场景不断拓展。但随着无…

自下而上的树形dp

最大独立集 1.蓝桥舞会 link:1.蓝桥舞会 - 蓝桥云课 分析&#xff1a; code #include <bits/stdc.h> using namespace std; using ll long long; const ll MAXN 1e5 7; ll hpy[MAXN], fa[MAXN], dp[MAXN][2]; vector<ll> sons[MAXN];void dfs(ll u, ll fa) {…

Docker 详解+示例

介 绍Docker 是一个开源的容器化平台&#xff0c;它的核心目标是解决 “软件在不同环境下运行不一致” 的问题&#xff0c;实现 “一次构建&#xff0c;到处运行” 。它基于 Linux 内核的底层技术&#xff0c;将应用程序及其依赖&#xff08;如库文件、配置、运行环境等&#x…

洛谷 P2568 GCD-提高+/省选−

题目描述 给定正整数 nnn&#xff0c;求 1≤x,y≤n1\le x,y\le n1≤x,y≤n 且 gcd⁡(x,y)\gcd(x,y)gcd(x,y) 为素数的数对 (x,y)(x,y)(x,y) 有多少对。 输入格式 只有一行一个整数&#xff0c;代表 nnn。 输出格式 一行一个整数表示答案。 输入输出样例 #1 输入 #1 4输…

软件测试覆盖率与质量保障专业经验分享报告

测试覆盖率的核心维度与评估标准 多维度定义与核心内涵 测试覆盖率是衡量软件测试完整性的关键指标体系,分为测试覆盖率(黑盒视角:需求验证程度)和代码覆盖率(白盒视角:代码执行占比)两大基础类型。现代测试覆盖体系已扩展至产品覆盖、风险覆盖、平台/设备覆盖、数据覆…

使用CCProxy搭建http/https代理服务器

下载 https://user.youngzsoft.com/ccproxy/update/ccproxysetup.exe 我们使用免费的即可&#xff0c;3个人。 启动软件 设置 更改局域网IP 我的电脑有多个IP&#xff0c;所以要手工指定。

ICCV 2025|TRACE:无需标注,用3D高斯直接学习物理参数,从视频“预知”未来!

论文链接&#xff1a;https://arxiv.org/pdf/2507.01484导读 准确预测道路智能体的运动对于自动驾驶的安全性至关重要。当前&#xff0c;现有的数据驱动方法直接预测未来轨迹&#xff0c;缺乏对驾驶行为的充分考虑&#xff0c;限制了可解释性和可靠性。为此&#xff0c;本文引入…

TypeScript:symbol类型

symbol是TypeScript和JavaScript中的一种基本数据类型&#xff0c;表示唯一的、不可变的标识符。作为专业的前端工程师&#xff0c;理解symbol的特性对于构建安全可靠的代码至关重要。1. symbol的核心特性唯一性&#xff1a;每个symbol值都是唯一的&#xff0c;即使创建时使用相…

【深度学习新浪潮】显著性检测最新研究进展(2022-2025)

1. 弱监督与主动学习 ASTE-AL框架(TPAMI 2024):提出对抗性时空集成主动学习方法,通过点标记数据集(每张图像仅需10个标注点)达到全监督模型98%-99%的性能。其核心模块包括: FPGD-PA对抗攻击:通过无额外计算成本的自由梯度下降攻击定位不确定像素。 时空集成策略:减少模…

Intern-S1-mini模型结构

模型介绍 Intern-S1-mini基于一个8B密集语言模型&#xff08;Qwen3&#xff09;和一个0.3B视觉编码器&#xff08;InternViT&#xff09;&#xff0c;Intern-S1-mini 在5万亿个标记的多模态数据上进行了进一步预训练&#xff0c;其中包括超过2.5万亿个科学领域的标记。这使得该…

linux 100个问答(持续更新)

1.常用命令 2.rsync常用命令rsync 是⼀个强⼤的⽂件同步和复制⼯具&#xff0c;⽤于在本地和远程系统之间同步⽂件和目录。以下是⼀些常用的 rsync 命令和选项&#xff1a;1. 基本的 rsync rsync 命令格式&#xff1a; bashCopy code rsync [options] source destination● sou…

零基础玩转STM32:深入理解ARM Cortex-M内核与寄存器编程

1. 什么是 STM32 STM32 是 ST&#xff08;意法半导体&#xff0c;STMicroelectronics&#xff09;公司推出的 32 位微控制器。 其内核基于 ARM Cortex-M 系列&#xff08;如 M0、M3、M4、M7&#xff09;&#xff0c;性能强大、功耗低、外设丰富。凭借高性价比和完善的生态&…

CentOS 修改密码

在 CentOS&#xff08;以及大多数 Linux 系统&#xff09;下&#xff0c;你可以用以下命令打印当前用户&#xff1a; whoami或者&#xff1a; echo $USER方法1&#xff1a;直接用 passwd 命令 直接用 passwd 命令修改&#xff1a; # 修改当前用户密码 passwd# 修改指定用户密码…

.NetCore 接入 Nacos,实现配置中心和服务注册

因历史项目&#xff08;.Netcore3.1&#xff09;需要&#xff0c;需要使用Nacos作为配置中心和服务发现&#xff0c;本文作为记录使用Nacos的笔记。 文章目录一、相关资料二、Nacos后台增加配置三、代码接入1、在appsettings.json中加入配置2、Program调整3、Startup调整4、启动…

自学嵌入式第三十天:Linux系统编程-线程的控制

一、线程控制&#xff1a;互斥和同步对于线程的共享资源的竞争的处理&#xff1b;进程也能用&#xff0c;对进程竞争的系统资源的分配&#xff1b;二、互斥1.互斥&#xff1a;在多线程中对临界资源的排他性&#xff08;独占&#xff09;访问&#xff1b;2.互斥机制&#xff08;…

EtherNet/IP 转 Modbus 协议网关(三格电子)

一、产品概述 1.1 产品用途 SG-EIP-MOD-210 网关可以实现将 Modbus 接口设备连接到 EtherNet/IP 网 络中。用户不需要了解具体的 Modbus 和 EtherNet/IP 协议即可实现将 Modbus 设 备挂载到 EtherNet/IP 接口的 PLC 上&#xff0c;并和 Modbus 设备进行数据交互。拓扑结 构如…

MVCC的作用是什么

问题MVCC的作用是什么我的回答MVCC&#xff0c;全称是Multi-Version Concurrency Control&#xff0c;多版本并发控制。这是数据库管理系统中一种常用的并发控制机制&#xff0c;主要用于提高数据库的并发性能。简单来说&#xff0c;MVCC的核心思想是&#xff0c;当有人读取数据…

A股大盘数据-20250828 分析

&#x1f4ca; 一、大盘数据深度分析&#x1f4b0; 量能分析&#xff08;核心指标&#xff09;总成交额&#xff1a;30013.32亿元。这是一个天量级别&#xff0c;确认了增量资金大幅入场&#xff0c;行情基础非常扎实&#xff0c;市场活跃度极高。市场分化&#xff1a;上涨2868…

安卓闪黑工具:aosp16版本Winscope之搜索功能剖析

背景&#xff1a; 在aosp16的Winscope体验时候发现多了数据的搜索功能&#xff0c;也体验了一下&#xff0c;这个新功能本身Winscope也自带了很多指导提示&#xff0c;主要是用来解决Winscope有时候寻找某个数据&#xff0c;某个layer时候的不便&#xff0c;本文来详细介绍一下…