taro 3.6.24开始一直到最新的3.6.26我的库一直编译失败，看报错像是jsx不支持了？

fxnxkyjh 于 4个月前发布在其他

关注(0)|答案(9)|浏览(106)

复现仓库

https://github.com/kne-union/antd-taro.git
小程序基础库: 2.24.6
使用框架: React

复现步骤

目前项目代码是没有问题的，但是将package.json中有关taro的包版本改到3.6.24及其以上时就会报错

✖ Errors: 

ModuleParseError: Module parse failed: Unexpected token (3304:6)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| const BaseExample = ()=>{
|     return (
>       <Space direction={'vertical'} size={30}>
|         <Space direction={'vertical'}>
|           <View>基础用法</View>

→ Watching... [2024/4/16 10:16:11]

node:internal/process/promises:288
            triggerUncaughtException(err, true /* fromPromise */);
            ^

[UnhandledPromiseRejection: This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). The promise rejected with the reason "
[object Array]".] {
  code: 'ERR_UNHANDLED_REJECTION'
}

Node.js v18.18.2
ERROR: "start:example" exited with 1.

项目启动方法: npm run init && npm run start

期望结果

编译通过

实际结果

编译报错

环境信息

👽 Taro v3.6.26

  Taro CLI 3.6.26 environment info:
    System:                                                                                         
      OS: Windows 10 10.0.19044
    Binaries:
      Node: 18.18.2 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.21 - ~\AppData\Roaming\npm\yarn.CMD
      npm: 8.19.2 - C:\Program Files\nodejs\npm.CMD
    npmPackages:
      @tarojs/cli: ^3.6.26 => 3.6.26
      @tarojs/helper: file:../node_modules/@tarojs/helper => 3.6.26
      @tarojs/mini-runner: ^3.6.26 => 3.6.26
      @tarojs/plugin-framework-react: file:../node_modules/@tarojs/plugin-framework-react => 3.6.26 
      @tarojs/plugin-platform-weapp: file:../node_modules/@tarojs/plugin-platform-weapp => 3.6.26   
      @tarojs/react: file:../node_modules/@tarojs/react => 3.6.26
      @tarojs/runtime: file:../node_modules/@tarojs/runtime => 3.6.26
      @tarojs/shared: file:../node_modules/@tarojs/shared => 3.6.26
      @tarojs/taro: file:../node_modules/@tarojs/taro => 3.6.26
      @tarojs/taro-loader: ^3.6.26 => 3.6.26
      @tarojs/webpack5-runner: ^3.6.26 => 3.6.26
      babel-preset-taro: ^3.6.26 => 3.6.26
      eslint-config-taro: ^3.6.26 => 3.6.26
      react: file:../node_modules/react => 18.2.0

taro

来源：https://github.com/NervJS/taro/issues/15515

9条答案

按热度按时间

kkih6yb81#

从 3.6.27 降回 3.6.22，恢复正常。

赞(0）回复(0）举报 4个月前

brvekthn2#

+1, 现在锁定3.6.24了

赞(0）回复(0）举报 4个月前

euoag5mw3#

有解决办法吗

赞(0）回复(0）举报 4个月前

a64a0gku4#

从 3.6.27 降回 3.6.22，恢复正常。

再次升级到 3.6.32，发下问题依然存在。排查了一下原因发现：monorepo 架构，pnpm 管理，项目引用了某个 workspace 模块就会报错，移除依赖就正常了。

估计是 Taro 3.6.25 修改了某个配置导致编译失败，降回 3.6.24 编译正常

希望快点修复，不然想升级都升级不了。

赞(0）回复(0）举报 4个月前

xeufq47z5#

可参考
jdf2e/nutui#3091

赞(0）回复(0）举报 4个月前

6pp0gazn6#

可参考 jdf2e/nutui#3091

分别在 mini、h5 节点中加了 complie.include 配置就可以了！为啥这样搞啊？

...
mini: {
      // 解决 Taro 3.6.25 以上版本编译不通过问题
      compile: {
        include: [
          path.resolve(__dirname, '../shared')
        ]
      }
}
h5: {
      // 解决 Taro 3.6.25 以上版本编译不通过问题
      compile: {
        include: [
          path.resolve(__dirname, '../shared')
        ]
      },
}
...

赞(0）回复(0）举报 4个月前

xxe27gdn7#

可参考 jdf2e/nutui#3091

分别在 mini、h5 节点中加了 complie.include 配置就可以了！为啥这样搞啊？

...
mini: {
      // 解决 Taro 3.6.25 以上版本编译不通过问题
      compile: {
        include: [
          path.resolve(__dirname, '../shared')
        ]
      }
}
h5: {
      // 解决 Taro 3.6.25 以上版本编译不通过问题
      compile: {
        include: [
          path.resolve(__dirname, '../shared')
        ]
      },
}
...

参考这个评论 #15480 (comment) ，应该是同一个问题。

针对题主的项目，出错的只是 example 子项目，不影响 lib 的编译。

出错的代码位于 example/src/pages/index/index.js ：

import componentsDoc from 'components-doc';

const alias = {
  lodash: '@kne/lodash-wechat',
  'components-doc': require.resolve('../components-doc.js')
};

对应的修复：

const path = require('node:path');

const config = {
  // ...
  mini: {
    // ...
    compile: {
      include: [path.resolve(__dirname, '../components-doc.js')],
    },
  },
  h5: {
    // ...
    compile: {
      include: [path.resolve(__dirname, '../components-doc.js')],
    },
  },
};