taro icon indicating copy to clipboard operation
taro copied to clipboard

完全按照官方文档来,依然用不了tailwind (vue3)

Open haro1d opened this issue 4 months ago • 11 comments

相关平台

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! 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的配置我完全是按照这个官方文档地址来操作的

haro1d avatar Aug 27 '25 09:08 haro1d

https://tw.icebreaker.top/

官方的文档可能已经过时了,看看这个

BonjourYY avatar Aug 28 '25 02:08 BonjourYY

https://tw.icebreaker.top/

官方的文档可能已经过时了,看看这个

@BonjourYY 感谢大佬,tailwind的问题暂时是解决了,至于我说的第二个问题,我发现现在很多Taro.xxx的api都是用不了的,要用这种引入方式单独使用: import { showToast, getWindowInfo } from "@tarojs/taro"; 这一点在taro官方文档里是没看到的,请问文档什么时候能更新呢

haro1d avatar Aug 29 '25 07:08 haro1d

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 avatar Aug 29 '25 08:08 BonjourYY

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越做越好,起码把这么基本的问题给修复一下。

haro1d avatar Aug 29 '25 08:08 haro1d

嗯,这个我后续会提个 PR,更新一下 taro 官网上的文档。

sonofmagic avatar Sep 01 '25 05:09 sonofmagic

嗯,这个我后续会提个 PR,更新一下 taro 官网上的文档。

@sonofmagic 感谢大佬,这对我们来说真的很重要

haro1d avatar Sep 01 '25 06:09 haro1d

@sonofmagic 你好,我最近又发现,很多本来Taro 支持的方法,在官网里却完全搜索不到,例如长按事件 longpress 就是如此,请问这又是什么原因,这样的话我们应该如何搜索这些方法?官网之后更新会解决此类问题吗?

haro1d avatar Sep 16 '25 09:09 haro1d

我不是 taro 的官方人员,我也不知道啊 另外你说的 longpress 这种方法,可能taro它默认你会吧,因为这种属性其实都是从微信小程序开发文档里面继承的。

你在开发的时候,可以参考2个文档。 @haro1d

sonofmagic avatar Sep 16 '25 13:09 sonofmagic

我不是 taro 的官方人员,我也不知道啊 另外你说的 longpress 这种方法,可能taro它默认你会吧,因为这种属性其实都是从微信小程序开发文档里面继承的。

你在开发的时候,可以参考2个文档。 @haro1d

好的谢谢

haro1d avatar Sep 17 '25 02:09 haro1d

官方文档怎么不更新呢,现在还都是3.x版本的文档

callect avatar Sep 28 '25 02:09 callect

因为他们没有合我的pr😂 你可以去 tw.icebreaker.top 查看新的文档

sonofmagic avatar Sep 28 '25 08:09 sonofmagic