有遇到该问题的么?如何解决的,使用是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 已停止运行...
2 个回复
w***@yihaoyika.com (作者)
内置 vite 版本太低了,官方有升级计划么?
我升级了 vite 似乎没有生效,可能内置的 vite 优先级最高?自己安装升级 vite 无效。
DCloud_UNI_yuhe
此问题,与 uniapp 无关,你需要到vite上,尝试使用vite的插件,Vite 使用 ES 模块作为默认的模块系统,并没有内置对 CommonJS 的支持。