完全按照官方文档来,依然用不了tailwind (vue3)
相关平台
H5
复现仓库
https://gitee.com/yeungsj/taro-vue3-tailwind-vite-test.git 浏览器版本: chrome 版本 139.0.7258.128(正式版本) (64 位) 使用框架: Vue 3
复现步骤
问题一:tailwind无法使用,准确来说,
<view className="text-[#acc855] text-[100px]">Hello world!
问题二:const onClick2 = () => { Taro.showToast({ title: "成功", icon: "success", duration: 2000, }); }; 报错Uncaught TypeError: Taro.showToast is not a function
期望结果
期望能正常使用tailwind和Taro自带的API
实际结果
实际结果是都用不了
环境信息
PS D:\_front\taro2> taro info
� Taro v4.1.5
Taro CLI 4.1.5 environment info:
System:
OS: Windows 11 10.0.26100
Binaries:
Node: 22.17.1 - C:\nvm4w\nodejs\node.EXE
npm: 10.9.2 - C:\nvm4w\nodejs\npm.CMD
npmPackages:
@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.5
babel-preset-taro: 4.1.5 => 4.1.5
eslint-config-taro: 4.1.5 => 4.1.5
补充信息
https://docs.taro.zone/docs/tailwindcss tailwind的配置我完全是按照这个官方文档地址来操作的
https://tw.icebreaker.top/
官方的文档可能已经过时了,看看这个
https://tw.icebreaker.top/
官方的文档可能已经过时了,看看这个
@BonjourYY 感谢大佬,tailwind的问题暂时是解决了,至于我说的第二个问题,我发现现在很多Taro.xxx的api都是用不了的,要用这种引入方式单独使用:
import { showToast, getWindowInfo } from "@tarojs/taro";
这一点在taro官方文档里是没看到的,请问文档什么时候能更新呢
https://tw.icebreaker.top/ 官方的文档可能已经过时了,看看这个
@BonjourYY 感谢大佬,tailwind的问题暂时是解决了,至于我说的第二个问题,我发现现在很多Taro.xxx的api都是用不了的,要用这种引入方式单独使用:
import { showToast, getWindowInfo } from "@tarojs/taro";这一点在taro官方文档里是没看到的,请问文档什么时候能更新呢
@haro1d 你如果用TS的话,直接输入 showToast 之类的API,应该会有自动提示的,点一下可以实现自动导入。 像这种跨端框架的项目,这是通病。因为每次微信出一个新的API,都要去适配,然后写文档。感觉官方对 Taro 4 有点摆烂了。我昨天用Taro4做项目,自定义tab栏,编译的时候不会编译到 dist 目录。我看了一下 issue,到现在都没有解决。我昨天发现了新框架,滴滴的 MPX,你可以看看。目前还在踩坑中。
https://tw.icebreaker.top/ 官方的文档可能已经过时了,看看这个
@BonjourYY 感谢大佬,tailwind的问题暂时是解决了,至于我说的第二个问题,我发现现在很多Taro.xxx的api都是用不了的,要用这种引入方式单独使用:
import { showToast, getWindowInfo } from "@tarojs/taro";这一点在taro官方文档里是没看到的,请问文档什么时候能更新呢@haro1d 你如果用TS的话,直接输入 showToast 之类的API,应该会有自动提示的,点一下可以实现自动导入。 像这种跨端框架的项目,这是通病。因为每次微信出一个新的API,都要去适配,然后写文档。感觉官方对 Taro 4 有点摆烂了。我昨天用Taro4做项目,自定义tab栏,编译的时候不会编译到 dist 目录。我看了一下 issue,到现在都没有解决。我昨天发现了新框架,滴滴的 MPX,你可以看看。目前还在踩坑中。
@BonjourYY 我试了,我用的确实是ts,但是并没有出现像你说的自动提示。 至于后面的问题,我是觉得,就最基本的功能我照着最新官方文档来做都不行(而且是很多地方都如此)。 知名度这么高的框架,不应该出现这种情况,我不确定你是不是官方团队的人,我还是希望taro越做越好,起码把这么基本的问题给修复一下。
嗯,这个我后续会提个 PR,更新一下 taro 官网上的文档。
嗯,这个我后续会提个 PR,更新一下 taro 官网上的文档。
@sonofmagic 感谢大佬,这对我们来说真的很重要
@sonofmagic 你好,我最近又发现,很多本来Taro 支持的方法,在官网里却完全搜索不到,例如长按事件 longpress 就是如此,请问这又是什么原因,这样的话我们应该如何搜索这些方法?官网之后更新会解决此类问题吗?
我不是 taro 的官方人员,我也不知道啊 另外你说的 longpress 这种方法,可能taro它默认你会吧,因为这种属性其实都是从微信小程序开发文档里面继承的。
你在开发的时候,可以参考2个文档。 @haro1d
我不是 taro 的官方人员,我也不知道啊 另外你说的 longpress 这种方法,可能taro它默认你会吧,因为这种属性其实都是从微信小程序开发文档里面继承的。
你在开发的时候,可以参考2个文档。 @haro1d
好的谢谢
官方文档怎么不更新呢,现在还都是3.x版本的文档
因为他们没有合我的pr😂 你可以去 tw.icebreaker.top 查看新的文档