无法编译

[RiuHDuo]

发行方式

小程序

具体平台

使用jsx插件和tailwincss 编译报错
error when starting dev server:
Error: Build failed with 2 errors:
node_modules/esbuild/lib/main.js:1374:27: ERROR: [plugin: externalize-deps] "@vitejs/plugin-vue-jsx" resolved to an ESM file. ESM file cannot be loaded by require. See https://vitejs.dev/guide/troubleshooting.html#this-package-is-esm-only for more details.
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.
at failureErrorWithLog (D:\ProjectR\kwakwa-uni\kwakwa-uni\node_modules\esbuild\lib\main.js:1651:15)
at D:\ProjectR\kwakwa-uni\kwakwa-uni\node_modules\esbuild\lib\main.js:1059:25
at runOnEndCallbacks (D:\ProjectR\kwakwa-uni\kwakwa-uni\node_modules\esbuild\lib\main.js:1486:45)
at buildResponseToResult (D:\ProjectR\kwakwa-uni\kwakwa-uni\node_modules\esbuild\lib\main.js:1057:7)
at D:\ProjectR\kwakwa-uni\kwakwa-uni\node_modules\esbuild\lib\main.js:1086:16
at responseCallbacks. (D:\ProjectR\kwakwa-uni\kwakwa-uni\node_modules\esbuild\lib\main.js:704:9)
at handleIncomingPacket (D:\ProjectR\kwakwa-uni\kwakwa-uni\node_modules\esbuild\lib\main.js:764:9)
at Socket.readFromStdout (D:\ProjectR\kwakwa-uni\kwakwa-uni\node_modules\esbuild\lib\main.js:680:7)
at Socket.emit (node:events:508:28)
at addChunk (node:internal/streams/readable:559:12)

开发环境

Windows

项目创建方式

CLI命令行

依赖版本

"dependencies": {
"@dcloudio/uni-app": "3.0.0-4030620241128001",
"@dcloudio/uni-app-harmony": "3.0.0-4030620241128001",
"@dcloudio/uni-app-plus": "3.0.0-4030620241128001",
"@dcloudio/uni-components": "3.0.0-4030620241128001",
"@dcloudio/uni-h5": "3.0.0-4030620241128001",
"@dcloudio/uni-mp-alipay": "3.0.0-4030620241128001",
"@dcloudio/uni-mp-baidu": "3.0.0-4030620241128001",
"@dcloudio/uni-mp-jd": "3.0.0-4030620241128001",
"@dcloudio/uni-mp-kuaishou": "3.0.0-4030620241128001",
"@dcloudio/uni-mp-lark": "3.0.0-4030620241128001",
"@dcloudio/uni-mp-qq": "3.0.0-4030620241128001",
"@dcloudio/uni-mp-toutiao": "3.0.0-4030620241128001",
"@dcloudio/uni-mp-weixin": "3.0.0-4030620241128001",
"@dcloudio/uni-mp-xhs": "3.0.0-4030620241128001",
"@dcloudio/uni-quickapp-webview": "3.0.0-4030620241128001",
"@tailwindcss/vite": "^4.1.13",
"nutui-uniapp": "^1.9.1",
"tailwindcss": "^4.1.13",
"vue": "^3.4.21",
"vue-i18n": "^9.1.9"
},
"devDependencies": {
"@dcloudio/types": "^3.4.8",
"@dcloudio/uni-automator": "3.0.0-4030620241128001",
"@dcloudio/uni-cli-shared": "3.0.0-4030620241128001",
"@dcloudio/uni-stacktracey": "3.0.0-4030620241128001",
"@dcloudio/vite-plugin-uni": "3.0.0-4030620241128001",
"@uni-helper/vite-plugin-uni-components": "^0.2.3",
"@vitejs/plugin-vue-jsx": "^5.1.1",
"@vue/runtime-core": "^3.4.21",
"@vue/tsconfig": "^0.1.3",
"typescript": "^4.9.4",
"unplugin-auto-import": "^20.2.0",
"vite": "5.2.8",
"vue-tsc": "^1.0.24"
}

问题描述

执行npm run dev:mp-weixin报错

重现步骤

执行npm run dev:mp-weixin报错

期望行为

No response

实际行为

成功编译

截图或录屏

No response

[chouchouji]

你的 vite.config.js 怎么写的

[RiuHDuo]

你的 vite.config.js 怎么写的

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
import vueJsx from "@vitejs/plugin-vue-jsx";
import tailwindcss from "@tailwindcss/vite";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [uni(), vueJsx(), tailwindcss()],
});

[chouchouji]

你的 vite.config.js 怎么写的

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
import vueJsx from "@vitejs/plugin-vue-jsx";
import tailwindcss from "@tailwindcss/vite";

// https://vitejs.dev/config/
export default defineConfig({
plugins: [uni(), vueJsx(), tailwindcss()],
});

tailwindcss是不能直接用到 uniapp 项目中的，你可以找一下社区做的 适配 uniapp 的 tailwindcss 插件

[RiuHDuo]

你的 vite.config.js 怎么写的

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
import vueJsx from "@vitejs/plugin-vue-jsx";
import tailwindcss from "@tailwindcss/vite";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [uni(), vueJsx(), tailwindcss()],
});

vueJsx 这个插件 uniapp 内置了，tailwindcss是不能直接用到 uniapp 项目中的，你可以找一下社区做的 适配 uniapp 的 tailwindcss 插件

编译会报错的

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [uni()],
});

[chouchouji]

你的 vite.config.js 怎么写的

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
import vueJsx from "@vitejs/plugin-vue-jsx";
import tailwindcss from "@tailwindcss/vite";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [uni(), vueJsx(), tailwindcss()],
});

vueJsx 这个插件 uniapp 内置了，tailwindcss是不能直接用到 uniapp 项目中的，你可以找一下社区做的 适配 uniapp 的 tailwindcss 插件

编译会报错的

import { defineConfig } from "vite"; import uni from "@dcloudio/vite-plugin-uni";

// https://vitejs.dev/config/
export default defineConfig({
plugins: [uni()],
});

小程序平台不支持 tsx

[RiuHDuo]

你的 vite.config.js 怎么写的

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
import vueJsx from "@vitejs/plugin-vue-jsx";
import tailwindcss from "@tailwindcss/vite";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [uni(), vueJsx(), tailwindcss()],
});

vueJsx 这个插件 uniapp 内置了，tailwindcss是不能直接用到 uniapp 项目中的，你可以找一下社区做的 适配 uniapp 的 tailwindcss 插件

编译会报错的

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [uni()],
});

小程序平台不支持 tsx

h5也是不行的

[chouchouji]

你的 vite.config.js 怎么写的

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
import vueJsx from "@vitejs/plugin-vue-jsx";
import tailwindcss from "@tailwindcss/vite";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [uni(), vueJsx(), tailwindcss()],
});

vueJsx 这个插件 uniapp 内置了，tailwindcss是不能直接用到 uniapp 项目中的，你可以找一下社区做的 适配 uniapp 的 tailwindcss 插件

编译会报错的

import { defineConfig } from "vite";
import uni from "@dcloudio/vite-plugin-uni";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [uni()],
});

小程序平台不支持 tsx

h5也是不行的

安装 jsx 的插件了吗？我上面回答的有点问题，需要安装 @vitejs/plugin-vue-jsx 插件，参考官方文档 https://uniapp.dcloud.net.cn/tutorial/syntax-jsx.html#jsx-tsx-%E6%94%AF%E6%8C%81

[RiuHDuo]

安装 jsx 的插件了吗？我上面回答的有点问题，需要安装 @vitejs/plugin-vue-jsx 插件，参考官方文档 https://uniapp.dcloud.net.cn/tutorial/syntax-jsx.html#jsx-tsx-%E6%94%AF%E6%8C%81

那又回到最开始的问题了

[chouchouji]

这个问题是你的插件版本问题吧，你安装 3.1.0 试试

[RiuHDuo]

这个问题是你的插件版本问题吧，你安装 3.1.0 试试

"@vitejs/plugin-vue-jsx": "^5.1.1", 这个插件是5.1.1

[chouchouji]

这个问题是你的插件版本问题吧，你安装 3.1.0 试试

"@vitejs/plugin-vue-jsx": "^5.1.1", 这个插件是5.1.1

降一下版本