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

[haro1d]

相关平台

H5

复现仓库

https://gitee.com/yeungsj/taro-vue3-tailwind-vite-test.git
浏览器版本: chrome 版本 139.0.7258.128（正式版本） （64 位）
使用框架: Vue 3

复现步骤

问题一：tailwind无法使用，准确来说，
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的配置我完全是按照这个官方文档地址来操作的

[BonjourYY]

https://tw.icebreaker.top/

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

[haro1d]

https://tw.icebreaker.top/

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

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

[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，你可以看看。目前还在踩坑中。

[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 我试了，我用的确实是ts，但是并没有出现像你说的自动提示。
至于后面的问题，我是觉得，就最基本的功能我照着最新官方文档来做都不行（而且是很多地方都如此）。
知名度这么高的框架，不应该出现这种情况，我不确定你是不是官方团队的人，我还是希望taro越做越好，起码把这么基本的问题给修复一下。