有遇到该问题的么?如何解决的,使用是TailwindCSS4
vite.config.ts
import { defineConfig } from 'vite';
import uni from '@dcloudio/vite-plugin-uni';
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
plugins: [
uni(),
tailwindcss(),
],
});
错误信息
10:31:10.837 项目 uni-ui-test 开始编译
10:31:11.586 请注意运行模式下,因日志输出、sourcemap 以及未压缩源码等原因,性能和包体积,均不及发行模式。
10:31:11.586 vite是按需编译,运行时点击某个未编译页面会先编译后加载,导致显示较慢,发行后无此问题。
10:31:11.586 编译器版本:4.56(vue3)
10:31:11.586 正在编译中...
10:31:11.675 X [ERROR] Failed to resolve "@tailwindcss/vite". This package is ESM only but it was tried to load by require. See https://vitejs.dev/guide/troubleshooting.html#this-package-is-esm-only for more details. [plugin externalize-deps]
10:31:11.675 node_modules/esbuild/lib/main.js:1374:27:
10:31:11.675 1374 │ let result = await callback({
10:31:11.675 ╵ ^
10:31:11.675 at file:///C:/Users/xxx/Desktop/HBuilderX/plugins/uniapp-cli-vite/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:68619:43
10:31:11.675 at requestCallbacks.on-resolve (C:\Users\xxx\Desktop\HBuilderX\plugins\uniapp-cli-vite\node_modules\esbuild\lib\main.js:1374:28)
10:31:11.675 at handleRequest (C:\Users\xxx\Desktop\HBuilderX\plugins\uniapp-cli-vite\node_modules\esbuild\lib\main.js:732:17)
10:31:11.676 at handleIncomingPacket (C:\Users\xxx\Desktop\HBuilderX\plugins\uniapp-cli-vite\node_modules\esbuild\lib\main.js:757:7)
10:31:11.676 at Socket.readFromStdout (C:\Users\xxx\Desktop\HBuilderX\plugins\uniapp-cli-vite\node_modules\esbuild\lib\main.js:680:7)
10:31:11.676 at Socket.emit (node:events:517:28)
10:31:11.676 at addChunk (node:internal/streams/readable:368:12)
10:31:11.676 at readableAddChunk (node:internal/streams/readable:341:9)
10:31:11.676 at Readable.push (node:internal/streams/readable:278:10)
10:31:11.676 at Pipe.onStreamRead (node:internal/stream_base_commons:190:23)
10:31:11.676 This error came from the "onResolve" callback registered here:
10:31:11.676 node_modules/esbuild/lib/main.js:1293:20:
10:31:11.676 1293 │ let promise = setup({
10:31:11.676 ╵ ^
10:31:11.676 at setup (file:///C:/Users/xxx/Desktop/HBuilderX/plugins/uniapp-cli-vite/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:68594:27)
10:31:11.676 at handlePlugins (C:\Users\xxx\Desktop\HBuilderX\plugins\uniapp-cli-vite\node_modules\esbuild\lib\main.js:1293:21)
10:31:11.676 at buildOrContextImpl (C:\Users\xxx\Desktop\HBuilderX\plugins\uniapp-cli-vite\node_modules\esbuild\lib\main.js:979:5)
10:31:11.676 at Object.buildOrContext (C:\Users\xxx\Desktop\HBuilderX\plugins\uniapp-cli-vite\node_modules\esbuild\lib\main.js:788:5)
10:31:11.676 at C:\Users\xxx\Desktop\HBuilderX\plugins\uniapp-cli-vite\node_modules\esbuild\lib\main.js:2215:15
10:31:11.676 at new Promise (<anonymous>)
10:31:11.676 at Object.build (C:\Users\xxx\Desktop\HBuilderX\plugins\uniapp-cli-vite\node_modules\esbuild\lib\main.js:2214:25)
10:31:11.676 at build (C:\Users\xxx\Desktop\HBuilderX\plugins\uniapp-cli-vite\node_modules\esbuild\lib\main.js:2047:51)
10:31:11.676 at bundleConfigFile (file:///C:/Users/xxx/Desktop/HBuilderX/plugins/uniapp-cli-vite/node_modules/vite/dist/node/chunks/dep-whKeNLxG.js:68553:26)
10:31:11.676 The plugin "externalize-deps" was triggered by this import
10:31:11.676 ../../../../Documents/HBuilderProjects/uni-ui-test/vite.config.ts:3:24:
10:31:11.676 3 │ import tailwindcss from '@tailwindcss/vite'
10:31:11.676 ╵ ~~~~~~~
10:31:11.676 failed to load config from C:\Users\xxx\Documents\HBuilderProjects\uni-ui-test\vite.config.ts
10:31:11.676 error when starting dev server:
10:31:11.677 Error: Build failed with 1 error:
10:31:11.677 node_modules/esbuild/lib/main.js:1374:27: ERROR: [plugin: externalize-deps] Failed to resolve "@tailwindcss/vite". This package is ESM only but it was tried to load by require. See https://vitejs.dev/guide/troubleshooting.html#this-package-is-esm-only for more details.
10:31:11.677 at failureErrorWithLog (C:\Users\xxx\Desktop\HBuilderX\plugins\uniapp-cli-vite\node_modules\esbuild\lib\main.js:1651:15)
10:31:11.677 at C:\Users\xxx\Desktop\HBuilderX\plugins\uniapp-cli-vite\node_modules\esbuild\lib\main.js:1059:25
10:31:11.677 at runOnEndCallbacks (C:\Users\xxx\Desktop\HBuilderX\plugins\uniapp-cli-vite\node_modules\esbuild\lib\main.js:1486:45)
10:31:11.677 at buildResponseToResult (C:\Users\xxx\Desktop\HBuilderX\plugins\uniapp-cli-vite\node_modules\esbuild\lib\main.js:1057:7)
10:31:11.677 at C:\Users\xxx\Desktop\HBuilderX\plugins\uniapp-cli-vite\node_modules\esbuild\lib\main.js:1086:16
10:31:11.677 at responseCallbacks.<computed> (C:\Users\xxx\Desktop\HBuilderX\plugins\uniapp-cli-vite\node_modules\esbuild\lib\main.js:704:9)
10:31:11.677 at handleIncomingPacket (C:\Users\xxx\Desktop\HBuilderX\plugins\uniapp-cli-vite\node_modules\esbuild\lib\main.js:764:9)
10:31:11.677 at Socket.readFromStdout (C:\Users\xxx\Desktop\HBuilderX\plugins\uniapp-cli-vite\node_modules\esbuild\lib\main.js:680:7)
10:31:11.677 at Socket.emit (node:events:517:28)
10:31:11.677 at addChunk (node:internal/streams/readable:368:12)
10:31:11.692 已停止运行...
4 个回复
w***@yihaoyika.com (作者)
内置 vite 版本太低了,官方有升级计划么?
我升级了 vite 似乎没有生效,可能内置的 vite 优先级最高?自己安装升级 vite 无效。
DCloud_UNI_yuhe
此问题,与 uniapp 无关,你需要到vite上,尝试使用vite的插件,Vite 使用 ES 模块作为默认的模块系统,并没有内置对 CommonJS 的支持。
1***@163.com
你好我也遇到同样的问题了,请问怎么解决
2025-07-02 15:56
1***@163.com
请问怎么解决的
youlika1234
这个和vite版本无关。和模块规范有关,你可以使用 import('xxxx')方法导入,我已经试过可以集成。不过还需要考虑tailwind的微信小程序版的选择器兼容和单位的兼容,tailwind本身是rem单位
2025-12-18 09:25
aoaobaba - 稳中有进 别急~ 慢慢来
参考这个我的回复,针对HBX5版本以上!
https://ask.dcloud.net.cn/question/205361
必要更新这个官方插件库版本:
"@dcloudio/vite-plugin-uni": "^3.0.0-5000520260324002",
同时使用vite 版本:^5.2.8
按照官方tailwind css 的安装方法操作,配置vite.config.js
重要!导入官方的插件@dcloudio/vite-plugin-uni 后,配置插件使用default() 方式,即可。
配置css 文件导入tailwind css ,或其他依赖的UI库样式 例如 daisy ui 。
- 启动 即可使用 ?