测试步骤是

1. npm run build:h5 生成 .temp 文件夹的中间代码
2. test.tsx 引入 temp 内的组件进行测试

但在 taro2 下是可以成功生成 .temp 文件夹的，
taro3 却不可以，请问这个问题如何解决呢？

用这个打包的组件库,px没有转换成rem.当打包成npm被其他taro使用的时候像素单位会有问题.

目前我不知道在哪里配置这种转换,目前用taro初始化的项目,正常打包是会转换单位的.
如果使用ui组件库的方式打包,px就不会转换成rem了.
当我们用这个项目初始化的ui组件库,生成npm包的时候.
使用npm包的项目,并不会把px转换成rem.

目前没有查到哪里可以配置

TARO_BUILD_TYPE=ui taro build --ui
👽 Taro v3.0.8

(node:1228) UnhandledPromiseRejectionWarning: Error: 不存在编译平台 ui

Timer 组件中添加

  constructor(){
    super()
  }

后测试报错。

目前本地 Taro 版本 为1.1.3

文档中说的这个方式，
我测试中该项目打包出来的dist/weapp目录并没有正确打包components目录下的文件

改回原来的导出方式后才能正确打包。

不过这两种方式打包出来的h5目录下都没有index.js文件

dist/index.js需要 module.exports = require('./h5/index')

也就导致运行h5端时候报错了。

目前使用了 Taro 开发小程序，在 1.3.0 版本后基本使用 hooks 语法开发了。似乎相关文档尚未更新。

请问如何测试 hooks 组件？

目前使用的taro版本是2.2.18

编写的函数组件在小程序和H5的示例中均能通过编译无报错。

import { Button } from "@tarojs/components";
import Taro, { useMemo, useCallback } from "@tarojs/taro";
import { IOpenAbilityUser } from "types/open-ability";
import classNames from "classnames";

const OpenAbilityUser: IOpenAbilityUser = function(props) {
  const {
    handler,
    hoverClass = "none",
    children,
    className,
    desc = "授权用于展示您的头像，昵称",
    classic = false,
    ...otherProps
  } = props;

  const canIUseGetUserProfile = useMemo(
    () => Taro.canIUse("getUserProfile"),
    []
  );

  const handlerGetUserProfile = useCallback(
    e => {
      wx.getUserProfile({
        desc,
        lang: props.lang,
        success: detail => {
          handler({ ...e, detail });
        }
      });
    },
    [desc, props.lang, handler]
  );

  if (canIUseGetUserProfile && !classic) {
    return (
      <Button
        {...otherProps}
        onClick={handlerGetUserProfile}
        hoverClass={hoverClass}
        className={classNames("yxy-open-ability", className)}
      >
        {props.children}
      </Button>
    );
  }

  return (
    <Button
      {...otherProps}
      openType="getUserInfo"
      onGetUserInfo={handler}
      hoverClass={hoverClass}
      className={classNames("yxy-open-ability", className)}
    >
      {props.children}
    </Button>
  );
};

OpenAbilityUser.options = {
  addGlobalClass: true
};

export default OpenAbilityUser;

但是根据 taro-ui 的那套流程，在执行yarn test:ci 时，测试用例会报如下图一样的错误。

有排查了一下原因，是因为taro在执行 taro build --ui 时，会将H5端的函数组件直接编译成class组件。但是并没有处理 hooks

这就导致在jest中使用 nerv-server 去render这个组件时，会被识别为不规范的代码

问题步骤：

# 编译 React Native 
npm run dev:rn 

# 在移动端 Expo Client 上扫描二维码后，报错：
Unable to resolve ./components/calendar" from ".//node_modules/taro-ui/dist/weapp/index.js`: The module `./components/calendar` could not be found"

windows10 报错

npm run dev:h5

直接下载仓库代码
输入 tnpm install
输入 npm run dev:h5
报错：
Module build failed (from ./node_modules/babel-loader/lib/index.js):
Error: The 'decorators' plugin requires a 'decoratorsBeforeExport' option, whose value must be a boolean. If you are migrating from Babylon/Babel 6 or want to use the old decorators proposal, you should use the 'decorators-legacy' plugin instead of 'decorators'.

怀疑是是@babel/core 7.0与transform-decorators-legacy插件冲突？

由于目前@types文件中组件的的.d.ts 文件需要手动去创建，感觉比较麻烦，希望后面能够在打包组件的时候自动生成对应的.d.ts文件，望采纳，谢谢了