taro4.0 +vite + react 编译支付宝小程序报错

[MarukoAnn]

请先确认

• 我已搜索并确定这个提交不是重复的

Taro 版本

v4

相关领域

None

使用框架

React

相关平台

• 所有平台
• Web 端（H5）
• 移动端（React-Native）
• 鸿蒙（Harmony）
• 鸿蒙容器（Harmony Hybrid）
• ASCF 元服务
• 快应用（QuickApp）
• 所有小程序
• 微信小程序
• 企业微信小程序
• 京东小程序
• 百度小程序
• 支付宝小程序
• 支付宝 IOT 小程序
• 头条小程序
• QQ 小程序
• 钉钉小程序
• 飞书小程序
• 快手小程序

小程序基础库版本

No response

问题描述

1、taro4.0 在使用vite 打包编译支付宝小程序的时候 会出现 编译的chuck为空的错误。

复现链接

https://github.com/MarukoAnn/taro_react

复现步骤

1、通过 taro 脚手架新建一个 taro 项目。
2、选则语言为 react + scss。
3、编译工具选中 vite
4、图片如如下，选中一个默认模板

环境信息

👽 Taro v4.1.6


  Taro CLI 4.1.6 environment info:
    System:
      OS: macOS 14.6
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 24.7.0 - ~/.volta/tools/image/node/24.7.0/bin/node
      Yarn: 4.9.2 - ~/.volta/tools/image/yarn/4.9.2/bin/yarn
      npm: 11.5.1 - ~/.volta/tools/image/node/24.7.0/bin/npm
    npmPackages:
      @tarojs/cli: 4.1.6 => 4.1.6 
      @tarojs/components: 4.1.6 => 4.1.6 
      @tarojs/helper: 4.1.6 => 4.1.6 
      @tarojs/plugin-framework-react: 4.1.6 => 4.1.6 
      @tarojs/plugin-platform-alipay: 4.1.6 => 4.1.6 
      @tarojs/plugin-platform-h5: 4.1.6 => 4.1.6 
      @tarojs/plugin-platform-harmony-hybrid: 4.1.6 => 4.1.6 
      @tarojs/plugin-platform-jd: 4.1.6 => 4.1.6 
      @tarojs/plugin-platform-qq: 4.1.6 => 4.1.6 
      @tarojs/plugin-platform-swan: 4.1.6 => 4.1.6 
      @tarojs/plugin-platform-tt: 4.1.6 => 4.1.6 
      @tarojs/plugin-platform-weapp: 4.1.6 => 4.1.6 
      @tarojs/react: 4.1.6 => 4.1.6 
      @tarojs/runtime: 4.1.6 => 4.1.6 
      @tarojs/shared: 4.1.6 => 4.1.6 
      @tarojs/taro: 4.1.6 => 4.1.6 
      @tarojs/vite-runner: 4.1.6 => 4.1.6 
      babel-preset-taro: 4.1.6 => 4.1.6 
      eslint-config-taro: 4.1.6 => 4.1.6 
      react: ^18.0.0 => 18.3.1

开源贡献

• 我愿意修复这个错误。请参考 (贡献指南)

[MarukoAnn]

根据错误提示，去修复了 @tarojs/vite-runner 的包的 emit.ts文件，打包成功了

打包成功后。 使用支付宝小程序开发工具，打开编译的内容，出现新的报错。

经过排查问题，问题的报错来自于 @tarojs/runtime包里的 dom 文件夹下面的event-source.ts文件。目测是打包编译后的文件用的 es6 的语法，开发者工具不支持导致报错