taro使用webpack5进行开发时编译后, 报错找不到模板 WXMLRT_$gwx:./base.wxml:template:377:16: Template `tmpl_0_21` not found.

[ymq001]

相关平台

微信小程序

复现仓库

https://github.com/ymq001/taro-bug-repo
小程序基础库: 2.26.0
使用框架: React

复现步骤

运行 dev:weapp
在 page/index/index.tsx 中使用 AtButton 组件

  <AtButton
          className="nl-button"
          type="primary"
          circle={true}
          openType="getPhoneNumber"
          onGetPhoneNumber={this.handleGetPhoneNumber.bind(this)}
        >
          获取手机号
</AtButton>

报错：

VM1093:22 WXMLRT_$gwx:./base.wxml:template:205:16: Template `tmpl_0_21` not found.
[WXML Runtime warning] ./base.wxml
 Template `tmpl_0_21` not found.
  203 | 
  204 | <template name="tmpl_2_container">
> 205 |   <template is="{{xs.a(2, i.nn, l)}}" data="{{i:i,cid:2,l:xs.f(l,i.nn)}}" />
      |                ^
  206 | </template>
  207 | 
  208 | <template name="tmpl_3_0">

期望结果

运行 dev:weapp 命令时，不会出现报错，且组件无法正常使用的情况

实际结果

运行 dev:weapp 命令时，出现报错，且组件无法正常使用

环境信息

  Taro CLI 3.5.5 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 14.16.1 - D:\Program\nodejs\node.EXE
      Yarn: 1.19.0 - C:\Users\admin\AppData\Roaming\npm\yarn.CMD
      npm: 6.14.12 - D:\Program\nodejs\npm.CMD

[kityandhero]

taro 3.5.6 react框架下，通过 webpack5 构建小程序，首次运行正常，后续重复 build, 小程序将运行异常，类似问题提示 Template tmpl_0_custom-wrapper not found。将 cache 设为 false，该场景并不出现，感觉启用缓存后，重复构建会丢失某些东西。

[Chen-jj]

taro 3.5.6 react框架下，通过 webpack5 构建小程序，首次运行正常，后续重复 build, 小程序将运行异常，类似问题提示 Template tmpl_0_custom-wrapper not found。将 cache 设为 false，该场景并不出现，感觉启用缓存后，重复构建会丢失某些东西。

开了 cache 后，命中缓存时 Webpack 的一些 hooks 不会运行，如解析模块 AST 的 parse 相关钩子等。导致 Taro 一些编译逻辑没能正常运行，这块需要看看怎样配合 Webpack cache 把 Taro 对应逻辑进行缓存与恢复。

[kityandhero]

@Chen-jj 经解释，问题原因已了解，期待此问题的修复

[b2nil]

@Chen-jj
需要解析 AST 来收集组件的第三方库，目前如果进行了 prebundle，后面就收集不到组件了；关了 cache 也不行。
现在只能在 prebundle 配置中 exclude 需要收集组件的第三方库。二次编译时，每次都要重新编译一下。

prebundle 时能不能先解析一次指定模块(手动在配置中标记) 的 AST？

[Chen-jj]

@Chen-jj 需要解析 AST 来收集组件的第三方库，目前如果进行了 prebundle，后面就收集不到组件了；关了 cache 也不行。 现在只能在 prebundle 配置中 exclude 需要收集组件的第三方库。二次编译时，每次都要重新编译一下。

prebundle 时能不能先解析一次指定模块(手动在配置中标记) 的 AST？

可以的，在 prebundle 的 webpack 编译阶段的 parse 钩子中进行同样的收集处理。但 prebundle 的 webpack 编译也开了 cache，所以 watch 时还会遇到问题。

[Chen-jj]

#12555

[thetbw]

我现在用的是 taro 3.5.6,nutui-taro 3.2.3,也会存在这种报错。使用dev:weapp会出现，但是build:weapp不会出现。这个是开发和最终编译哪里不同吗