recoil 返回数组或对象报错 3.4.3

[skyliwq]

相关平台

微信小程序

复现仓库

https://github.com/skyliwq/taro-recoil-demo.git
小程序基础库: 2.21.1
使用框架: React

复现步骤

const userInfo = selector({
key: 'userInfo',
get: ({ get }) => {

  return {id:34}

}

期望结果

无法打包上线

实际结果

ReferenceError: Window is not defined

环境信息

  Taro CLI 3.4.3 environment info:
    System:
      OS: macOS 12.2.1
      Shell: 3.2.57 - /bin/bash
    Binaries:
      Node: 14.16.1 - /usr/local/bin/node
      npm: 6.14.12 - /usr/local/bin/npm
    npmPackages:
      @tarojs/components: 3.4.3 => 3.4.3 
      @tarojs/mini-runner: 3.4.3 => 3.4.3 
      @tarojs/react: 3.4.3 => 3.4.3 
      @tarojs/runtime: 3.4.3 => 3.4.3 
      @tarojs/taro: 3.4.3 => 3.4.3 
      @tarojs/webpack-runner: 3.4.3 => 3.4.3 
      babel-preset-taro: 3.4.3 => 3.4.3 
      eslint-config-taro: 3.4.3 => 3.4.3 
      react: ^17.0.2 => 17.0.2 

[github-actions]

等待热心的小伙伴解决问题中..., 有一些相关的 issues 可能帮助到你!

• 3.4.2 uploadFile 中的 progress 方法使用时报错
• Taro Vue3 使用 Canvas 组件时无法触发对应的响应事件 （Taro版本3.4.2）
• Taro 3.x Input 组件 在安卓真机中使用手写模式输入内容时，输入第偶数个字时，未触发input事件，无法正常获取输入内容

Thank you so much!

[Chen-jj]

@skyliwq 原因是 Recoil 源码里使用了 Window，而 Taro 在小程序环境没有模拟实现它。

你可以简单地配置一下 definePlugin，定义一个变量 Window 即可：

// config/index.js
config = {
  defineConstants: {
    Window: 'function () {}'
  },
  // ...
}

我们补充一下到文档。