使用v4.0.4脚手架安装 react vite 版本编译微信小程序报错 #16226

DankeBIBI · 2024-08-02T03:46:20Z

复现步骤

正常使用taro 命令创建项目，然后 dev:weapp

首先缺少
✓ 1 modules transformed.
[babel] [BABEL] D:\project\react-test\D:\project\react-test\src\app.ts?entry-loader=true: Cannot find module '@babel/preset-react'

然后缺少
✓ 1 modules transformed.
[babel] [BABEL] D:\project\react-test\D:\project\react-test\src\app.ts?entry-loader=true: Cannot find module '@babel/plugin-proposal-class-properties'

然后安装依赖完毕后 run dev:weapp

微信开发工具控制台报

app.js错误:
TypeError: taro.getDefaultExportFromCjs is not a function

期望结果

正常运行

实际结果

报错

环境信息

👽 Taro v4.0.4


  Taro CLI 4.0.4 environment info:
    System:
      OS: Windows 11 10.0.22631
    Binaries:
      Node: 18.20.0 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.22 - C:\Program Files\nodejs\yarn.CMD
      npm: 10.5.0 - C:\Program Files\nodejs\npm.CMD
    npmPackages:
      @tarojs/cli: 4.0.4 => 4.0.4
      @tarojs/components: 4.0.4 => 4.0.4
      @tarojs/helper: 4.0.4 => 4.0.4
      @tarojs/plugin-framework-react: 4.0.4 => 4.0.4
      @tarojs/plugin-html: 4.0.4 => 4.0.4
      @tarojs/plugin-platform-alipay: 4.0.4 => 4.0.4
      @tarojs/plugin-platform-h5: 4.0.4 => 4.0.4
      @tarojs/plugin-platform-jd: 4.0.4 => 4.0.4
      @tarojs/plugin-platform-qq: 4.0.4 => 4.0.4
      @tarojs/plugin-platform-swan: 4.0.4 => 4.0.4
      @tarojs/plugin-platform-tt: 4.0.4 => 4.0.4
      @tarojs/plugin-platform-weapp: 4.0.4 => 4.0.4
      @tarojs/react: 4.0.4 => 4.0.4
      @tarojs/runtime: 4.0.4 => 4.0.4
      @tarojs/shared: 4.0.4 => 4.0.4
      @tarojs/taro: 4.0.4 => 4.0.4
      @tarojs/vite-runner: 4.0.4 => 4.0.4
      babel-preset-taro: 4.0.4 => 4.0.4
      eslint-config-taro: 4.0.4 => 4.0.4
      react: ^18.0.0 => 18.3.1

The text was updated successfully, but these errors were encountered:

zyh9 · 2024-08-02T07:02:25Z

@babel/preset-react
@babel/plugin-proposal-class-properties
@tarojs/binding-darwin-arm64 「主要针对 ARM 架构芯片」

装一下依赖就好啦

TheKonka · 2024-08-04T15:39:08Z

想入坑, 怎奈报错太多, 我taro+vite+sass +nutui+react, 他连wxss 文件都没给我生成安装依赖还要加--force, 运行起来页面空白,各种报错

可以先用v3， v4 刚出，坑是不少

DankeBIBI · 2024-08-05T00:36:59Z

@babel/preset-react

@babel/plugin-proposal-class-properties

@tarojs/binding-darwin-arm64 「主要针对 ARM 架构芯片」

装一下依赖就好啦

好的，我尝试下

DankeBIBI · 2024-08-05T00:38:11Z

想入坑, 怎奈报错太多, 我taro+vite+sass +nutui+react, 他连wxss 文件都没给我生成安装依赖还要加--force, 运行起来页面空白,各种报错

我本来想把uni-vue3 重构成taro-react的，结果我按着文档来拉模板都会少依赖

skylingfly · 2024-08-06T11:33:32Z

mark, 依然启动起来报错 TypeError: taro.getDefaultExportFromCjs is not a function

Phyzait · 2024-08-07T06:56:35Z

mark, 依然启动起来报错 TypeError: taro.getDefaultExportFromCjs is not a function

package.json->browserslist 改成这样

{
  "browserslist": [
      "defaults and fully supports es6-module",
      "maintained node versions"
    ],
}

但是Form的children显示不出来，目前没试其他组件

pdb3616109 · 2024-08-08T03:10:26Z

原来不止我一个人这样😭

maoxia1990 · 2024-09-10T10:51:06Z

直接用其模板，同样问题加，最新版本：v4.0.5。

logeast · 2024-09-24T05:13:19Z

求解决方案，mac m1 报错

dyt123456 · 2024-09-26T03:26:41Z

直接用其模板，同样问题加，最新版本：v4.0.5。

我也出现了一模一样的问题请问你解决了吗？我用yarn命令去引用其react-NutUI模板就不得行

TuringZhu · 2024-09-26T04:46:31Z

@dyt123456 一个是上面 DankeBIBI 说的安装依赖, 一个是上面 Phyzait 说的修改浏览器列表

XiangyiZhang · 2024-10-17T03:35:43Z

直接用其模板，同样问题加，最新版本：v4.0.5。

同报错，m1芯片

xixihhhh · 2024-10-25T08:30:44Z

两种方法都试了，还是报错

xixihhhh · 2024-10-26T07:18:54Z

4.0.7还是报错

yanlongqi · 2024-10-28T15:45:20Z

4.0.7了，这个问题你们解决了没有，我也遇到了

xixihhhh · 2024-10-29T06:27:55Z

4.0.7了，这个问题你们解决了没有，我也遇到了

我退回到4.0.0-beta.82就不报错了，只能先用着，看看后面有没有啥解决方法

DankeBIBI · 2024-10-29T06:30:49Z

4.0.7了，这个问题你们解决了没有，我也遇到了

没去关注了，之前公司搞个小程序想用这个框架的，后来报错就换了别的

TuringZhu · 2024-11-01T03:01:04Z

4.0.7了，这个问题你们解决了没有，我也遇到了

没去关注了，之前公司搞个小程序想用这个框架的，后来报错就换了别的

你们换了uniapp还是什么

xiaobc1234 · 2024-11-23T09:47:40Z

这个问题解决了吗？ 4.0.7 依然遇到。苹果m1


app.js错误:
 TypeError: taro.getDefaultExportFromCjs is not a function
    at isEmpty.js:77
    at WASubContext.js?t=wechat&s=1732354869830&v=3.6.5:1
    at _.runWith (WASubContext.js?t=wechat&s=1732354869830&v=3.6.5:1)
    at q (WASubContext.js?t=wechat&s=1732354869830&v=3.6.5:1)
    at n (WASubContext.js?t=wechat&s=1732354869830&v=3.6.5:1)
    at taro.js:3
    at WASubContext.js?t=wechat&s=1732354869830&v=3.6.5:1
    at _.runWith (WASubContext.js?t=wechat&s=1732354869830&v=3.6.5:1)
    at q (WASubContext.js?t=wechat&s=1732354869830&v=3.6.5:1)
    at n (WASubContext.js?t=wechat&s=1732354869830&v=3.6.5:1)(env: macOS,mp,1.06.2409140; lib: 3.6.5)
TypeError: taro.getDefaultExportFromCjs is not a function
    at isEmpty.js:77
    at WASubContext.js?t=wechat&s=1732354869830&v=3.6.5:1
    at _.runWith (WASubContext.js?t=wechat&s=1732354869830&v=3.6.5:1)
    at q (WASubContext.js?t=wechat&s=1732354869830&v=3.6.5:1)
    at n (WASubContext.js?t=wechat&s=1732354869830&v=3.6.5:1)
    at taro.js:3
    at WASubContext.js?t=wechat&s=1732354869830&v=3.6.5:1
    at _.runWith (WASubContext.js?t=wechat&s=1732354869830&v=3.6.5:1)
    at q (WASubContext.js?t=wechat&s=1732354869830&v=3.6.5:1)
    at n (WASubContext.js?t=wechat&s=1732354869830&v=3.6.5:1)(env: macOS,mp,1.06.2409140; lib: 3.6.5)

xiaobc1234 · 2024-11-23T10:23:55Z

从vite编译切换到 webpack5 ，一切正常！

BH4HPA · 2024-12-03T14:28:38Z

macOS 15, M3 Pro 芯片，遇到同样的问题。

React+SCSS+TypeScript+NutUI

app.js错误:
 TypeError: taro.getDefaultExportFromCjs is not a function
    at VM2045 vendors.js:351
    at VM2015 WASubContext.js:1
    at _.runWith (VM2015 WASubContext.js:1)
    at q (VM2015 WASubContext.js:1)
    at n (VM2015 WASubContext.js:1)
    at VM2044 taro.js:3
    at VM2015 WASubContext.js:1
    at _.runWith (VM2015 WASubContext.js:1)
    at q (VM2015 WASubContext.js:1)
    at n (VM2015 WASubContext.js:1)(env: macOS,mp,1.06.2405020; lib: 3.7.0)

➜  linglong_app git:(main) ✗ yarn dev:weapp

> linglong-taro-app@1.0.0 build:weapp
> taro build --type weapp --watch

👽 Taro v4.0.8

Tips:
1. 预览模式生成的文件较大，设置 NODE_ENV 为 production 可以开启压缩。
Example:
$ NODE_ENV=production taro build --type weapp --watch


vite v4.5.5 building for production...

watching for file changes...

build started...
transforming (92) node_modules/@tarojs/runtime/dist/utils/cache.jsDeprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.

More info: https://sass-lang.com/d/legacy-js-api

Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.

More info: https://sass-lang.com/d/legacy-js-api

✓ 539 modules transformed.
dist/pages/index/index.wxml    0.08 kB
dist/pages/index/index.json    0.09 kB │ gzip:   0.11 kB
dist/comp.json                 0.11 kB │ gzip:   0.11 kB
dist/comp.wxml                 0.14 kB
dist/app.json                  0.22 kB │ gzip:   0.15 kB
dist/pages/index/index.wxss    0.40 kB
dist/utils.wxs                 1.00 kB
dist/vendors.wxss             43.92 kB
dist/base.wxml                56.21 kB
dist/comp.js                   0.16 kB │ gzip:   0.14 kB │ map:   0.41 kB
dist/app.js                    0.77 kB │ gzip:   0.46 kB │ map:   0.70 kB
dist/pages/index/index.js      1.95 kB │ gzip:   0.82 kB │ map:   2.79 kB
dist/vendors.js              155.07 kB │ gzip:  39.81 kB │ map: 324.64 kB
dist/taro.js                 445.95 kB │ gzip: 101.59 kB │ map: 744.31 kB
built in 5851ms.

sephirothwzc · 2024-12-10T06:53:17Z

taro 4.0.8 m1 使用 vite 依然报错,根据楼上大哥的建议切换使用 webpack 后问题解决

BYicon · 2024-12-14T13:57:36Z

tanabalu · 2024-12-18T04:10:22Z

+1

YuinS316 · 2024-12-18T08:07:57Z

4.0.8 m1还是报错，没人维护了吗？

DankeBIBI · 2024-12-18T08:10:18Z

4.0.8 m1还是报错，没人维护了吗？
应该是了

tanabalu · 2024-12-18T09:12:32Z

mark, 依然启动起来报错 TypeError: taro.getDefaultExportFromCjs is not a function

package.json->browserslist 改成这样
{
  "browserslist": [
      "defaults and fully supports es6-module",
      "maintained node versions"
    ],
}
但是Form的children显示不出来，目前没试其他组件

这个方法是有效的，其主要变更是添加了defaults and fully supports es6-module这一项，它让构建工具在构建时尽可能地兼容js新特性。例如，只在默认模版的 browserslist 配置里增加 "defaults and fully supports es6-module" 这一项也能让项目正常启动。

{
  "browserslist": [
      "last 3 versions",
      "Android >= 4.1",
      "ios >= 8",
      "defaults and fully supports es6-module"
    ],
}

taro-bot2 bot added F-react Framework - React T-weapp Target - 编译到微信小程序 V-3 Version - 3.x labels Aug 2, 2024

github-project-automation bot added this to Mini Program Aug 2, 2024

github-project-automation bot moved this to Todo in Mini Program Aug 2, 2024

DankeBIBI closed this as not planned Won't fix, can't repro, duplicate, stale Oct 29, 2024

DankeBIBI reopened this Oct 29, 2024

github-project-automation bot moved this from Todo to Done in Mini Program Oct 29, 2024

github-project-automation bot moved this from Done to In Progress in Mini Program Oct 29, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

使用v4.0.4脚手架安装 react vite 版本编译微信小程序报错 #16226

使用v4.0.4脚手架安装 react vite 版本编译微信小程序报错 #16226

DankeBIBI commented Aug 2, 2024

zyh9 commented Aug 2, 2024 •

edited

Loading

TheKonka commented Aug 4, 2024

DankeBIBI commented Aug 5, 2024

DankeBIBI commented Aug 5, 2024

skylingfly commented Aug 6, 2024

Phyzait commented Aug 7, 2024 •

edited

Loading

pdb3616109 commented Aug 8, 2024

maoxia1990 commented Sep 10, 2024

logeast commented Sep 24, 2024

dyt123456 commented Sep 26, 2024

TuringZhu commented Sep 26, 2024

XiangyiZhang commented Oct 17, 2024

xixihhhh commented Oct 25, 2024

xixihhhh commented Oct 26, 2024

yanlongqi commented Oct 28, 2024

xixihhhh commented Oct 29, 2024

DankeBIBI commented Oct 29, 2024

TuringZhu commented Nov 1, 2024

xiaobc1234 commented Nov 23, 2024 •

edited

Loading

xiaobc1234 commented Nov 23, 2024

BH4HPA commented Dec 3, 2024

sephirothwzc commented Dec 10, 2024

BYicon commented Dec 14, 2024

tanabalu commented Dec 18, 2024

YuinS316 commented Dec 18, 2024

DankeBIBI commented Dec 18, 2024

tanabalu commented Dec 18, 2024

使用v4.0.4脚手架安装 react vite 版本 编译微信小程序报错 #16226

使用v4.0.4脚手架安装 react vite 版本 编译微信小程序报错 #16226

Comments

DankeBIBI commented Aug 2, 2024

相关平台

复现步骤

期望结果

实际结果

环境信息

zyh9 commented Aug 2, 2024 • edited Loading

TheKonka commented Aug 4, 2024

DankeBIBI commented Aug 5, 2024

DankeBIBI commented Aug 5, 2024

skylingfly commented Aug 6, 2024

Phyzait commented Aug 7, 2024 • edited Loading

pdb3616109 commented Aug 8, 2024

maoxia1990 commented Sep 10, 2024

logeast commented Sep 24, 2024

dyt123456 commented Sep 26, 2024

TuringZhu commented Sep 26, 2024

XiangyiZhang commented Oct 17, 2024

xixihhhh commented Oct 25, 2024

xixihhhh commented Oct 26, 2024

yanlongqi commented Oct 28, 2024

xixihhhh commented Oct 29, 2024

DankeBIBI commented Oct 29, 2024

TuringZhu commented Nov 1, 2024

xiaobc1234 commented Nov 23, 2024 • edited Loading

xiaobc1234 commented Nov 23, 2024

BH4HPA commented Dec 3, 2024

sephirothwzc commented Dec 10, 2024

BYicon commented Dec 14, 2024

tanabalu commented Dec 18, 2024

YuinS316 commented Dec 18, 2024

DankeBIBI commented Dec 18, 2024

tanabalu commented Dec 18, 2024

使用v4.0.4脚手架安装 react vite 版本编译微信小程序报错 #16226

使用v4.0.4脚手架安装 react vite 版本编译微信小程序报错 #16226

zyh9 commented Aug 2, 2024 •

edited

Loading

Phyzait commented Aug 7, 2024 •

edited

Loading

xiaobc1234 commented Nov 23, 2024 •

edited

Loading