taro 微信小程序开发

Question

使用taro-ui的searchbar案例代码编译后无法运行，开发者工具报错TypeError: Super expression must either be null or a function

相关平台
微信小程序

复现仓库
https://github.com/Constantine-Marx/taroissue.git
小程序基础库: 2.32.1
使用框架: React

复现步骤
点击src/index/index.jsx
输入npm run dev:weapp
在微信开发者工具打开相应目录，并且运行
出现搜索栏但是点击无反应，onActionclick函数也没反应

期望结果
点击后有反应，右侧按钮滑出

实际结果
无反应，或直接不出现搜索栏，报错

页面【pages/index/index]错误:
TypeError: Super expression must either be null or a function
at _inherits (.node_modules@babel_runtime_helpers_esm_inherits.js:4)
at ._src_pages_index_index.jsx:3
at Object../node_modules/babel-loader/lib/index.js??ruleSet[1].rules[5].use[0]!./src/pages/index/index.jsx (._src_pages_index_index.jsx:22)
at webpack_require (webpack_bootstrap:19)
at Object../src/pages/index/index.jsx (._src_pages_index_index.jsx:22)
at webpack_require (webpack_bootstrap:19)
at webpack_exec (.node_modules@babel_runtime_helpers_esm_typeof.js:9)
at .node_modules@babel_runtime_helpers_esm_typeof.js:9
at Function.webpack_require.O (webpack_runtime_chunk loaded:25)
at .node_modules@babel_runtime_helpers_esm_typeof.js:9(env: Windows,mp,1.06.2303220; lib: 2.32.1)

环境信息
👽 Taro v3.6.7


  Taro CLI 3.6.7 environment info:
    System:
      OS: Windows 10 10.0.22000
    Binaries:
      Node: 16.16.0 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.19 - ~\AppData\Roaming\npm\yarn.CMD
      npm: 9.6.7 - C:\Program Files\nodejs\npm.CMD
    npmPackages:
      @tarojs/cli: 3.6.7 => 3.6.7
      @tarojs/components: 3.6.7 => 3.6.7
      @tarojs/helper: 3.6.7 => 3.6.7
      @tarojs/plugin-framework-react: 3.6.7 => 3.6.7
      @tarojs/plugin-platform-alipay: 3.6.7 => 3.6.7
      @tarojs/plugin-platform-h5: 3.6.7 => 3.6.7
      @tarojs/plugin-platform-jd: 3.6.7 => 3.6.7
      @tarojs/plugin-platform-qq: 3.6.7 => 3.6.7
      @tarojs/plugin-platform-swan: 3.6.7 => 3.6.7
      @tarojs/plugin-platform-tt: 3.6.7 => 3.6.7
      @tarojs/plugin-platform-weapp: 3.6.7 => 3.6.7
      @tarojs/react: 3.6.7 => 3.6.7
      @tarojs/runtime: 3.6.7 => 3.6.7
      @tarojs/shared: 3.6.7 => 3.6.7
      @tarojs/taro: 3.6.7 => 3.6.7
      @tarojs/webpack5-runner: 3.6.7 => 3.6.7
      babel-preset-taro: 3.6.7 => 3.6.7
      eslint-config-taro: 3.6.7 => 3.6.7
      react: ^18.0.0 => 18.2.0
      react-native: ^0.71.8 => 0.71.8
      taro-ui: ^3.1.0-beta.5 => 3.1.0-beta.5

补充信息
重装微信开发者工具，并且新建了一个taro项目后成功运行过一次，但后来运行其他文件时又不行了

Answer 1

这个报错通常是因为使用了低版本的taro-ui导致的。

请确保已经使用了taro-ui的最新版本（目前是2.3.0），并且在编译之前执行了npm install命令以确保所有依赖库都已正确安装。

如果问题仍然存在，请检查您的代码并确保没有使用ES6 class语法或其他不支持的语言特性。如果您的代码中存在这些语言特性，则需要使用相应的转换器进行转换。