ice breaker

Results 119 comments of ice breaker

这个是 nodejs 的版本问题导致的错误把,我用的是 `v20.16.0` 另外webstorm 要主动开启一下自动 fix ![image](https://github.com/user-attachments/assets/e38089d3-c140-4606-9e20-22793894fc08)

额,这就奇怪了,可能是我的 eslint-config 发生了什么错误

我更新 `@icebreakers/eslint-config` 到了 `0.3.18` 你再重新试试呢,看看会不会报错。我这还是没有报错,然后输出是: ![image](https://github.com/user-attachments/assets/b95066ca-7397-4bf4-9921-f42b7f5ac4da)

你现在使用的 tailwindcss 版本是什么? 有最小化的复现案例吗? > 3.x版本时没有这个问题 这个是指 weapp-tailwindcss@3 还是 tailwindcss@3?

了解,你先可以使用 weapp-tailwindcss@4 + tailwindcss@3 也是兼容的 tailwindcss@4 breaking change 经常会产生,不够稳定。 我先自己复现一下你这种情况。

https://github.com/icebreaker-template/taro-vite-tailwindcss-v4/tree/html https://github.com/icebreaker-template/taro-webpack-tailwindcss-v4/tree/html 这是我尝试复现的 2 demo,似乎没有出现你那种情况,你可以跑跑看看

怀疑是 tailwindcss@4 里面的 lightningcss 的问题,因为原先 @import 是 postcss-import 处理的,现在变成了 lightningcss 处理了,这个问题我持续关注一下。另外假如你有复现案例,那就太好了,可以加速这个问题的解决。

好问题,现在这个项目实际上可以直接引入,因为这个 uni-app 项目实际上是直接在 vite.config.ts 里面内联的 postcss 插件,外面放个 [postcss.config.ts](https://github.com/sonofmagic/uni-app-vite-vue3-tailwind-vscode-template/blob/main/postcss.config.ts) 只是摆设而已。 你可以试试直接 import 或者 require, vite.config.ts 应该是做了这 2 种格式的处理的.

由于 `unplugin-auto-import` 新版本,改成了 `esm` 格式,低版本的 `Nodejs` 不支持混合加载,导致的报错 解决方案: 1. `vite.config.ts` 中的 `defineConfig` 改成异步导入 ```js const { default: AutoImport } = await import('unplugin-auto-import/vite') ``` 2. 升级你的 Nodejs 版本到 22+

@yasz 你可以使用LTS 版本的 NodeJs@22 这个版本是 cjs/esm 相互加载兼容的