使用recoil无法正常使用: Illegal invocatio

[liuhuapiaoyuan]

相关平台

微信小程序

小程序基础库: 2.16.0
使用框架: React

复现步骤

配置recoil，启动后失败

期望结果

正常使用

实际结果

TypeError: Illegal invocation
    at VM1563 vendors.js:12146
    at jh (VM1563 vendors.js:6843)
    at exports.unstable_runWithPriority (VM1563 vendors.js:15691)
    at Pc (VM1563 vendors.js:6703)
    at Qg (VM1563 vendors.js:6841)
    at Og (VM1563 vendors.js:6827)
    at VM1563 vendors.js:6704
    at exports.unstable_runWithPriority (VM1563 vendors.js:15691)
    at Pc (VM1563 vendors.js:6703)
    at Rc (VM1563 vendors.js:6704)

环境信息

  Taro CLI 3.3.3 environment info:
    System:
      OS: Windows 10
    Binaries:
      Node: 14.15.1 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.23.0-20200615.1913 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
      npm: 6.14.8 - C:\Program Files\nodejs\npm.CMD

[TomVista]

目前只有redux 和mobx 的支持

[arniu]

根据教程 / 其它状态管理工具，Recoil 是支持的。

[liuhuapiaoyuan]

是的 之前我是使用过的。现在这个3.3好像有点问题

vendors.js?t=wechat&s=1629886562607&v=a5c937e72344b9ff4b8c62f08cca59e7:7512 TypeError: Illegal invocation
    at vendors.js?t=wechat&s=1629886562607&v=a5c937e72344b9ff4b8c62f08cca59e7:12863
    at jh (vendors.js?t=wechat&s=1629886562607&v=a5c937e72344b9ff4b8c62f08cca59e7:7560)
    at define.push../node_modules/scheduler/cjs/scheduler.production.min.js.exports.unstable_runWithPriority (vendors.js?t=wechat&s=1629886562607&v=a5c937e72344b9ff4b8c62f08cca59e7:16408)
    at Pc (vendors.js?t=wechat&s=1629886562607&v=a5c937e72344b9ff4b8c62f08cca59e7:7420)
    at Qg (vendors.js?t=wechat&s=1629886562607&v=a5c937e72344b9ff4b8c62f08cca59e7:7558)
    at Og (vendors.js?t=wechat&s=1629886562607&v=a5c937e72344b9ff4b8c62f08cca59e7:7544)
    at vendors.js?t=wechat&s=1629886562607&v=a5c937e72344b9ff4b8c62f08cca59e7:7421
    at define.push../node_modules/scheduler/cjs/scheduler.production.min.js.exports.unstable_runWithPriority (vendors.js?t=wechat&s=1629886562607&v=a5c937e72344b9ff4b8c62f08cca59e7:16408)
    at Pc (vendors.js?t=wechat&s=1629886562607&v=a5c937e72344b9ff4b8c62f08cca59e7:7420)
    at Rc (vendors.js?t=wechat&s=1629886562607&v=a5c937e72344b9ff4b8c62f08cca59e7:7421)

[itcat99]

同样的问题，目前去 nodule_modules/recoil/es/recoil.js里面，添加一行

window = global;

可以暂时解决。

版本：

• recoil: 0.4.1
• taro: 3.3.7

[loethen]

我也遇到同样的问题

[Chen-jj]

@loethen Illegal invocation 一般是 setTimeout.call(context) 这样调用时，context 错误导致。之前 Taro 给 requestAnimationFrame 模拟函数里的 setTimeout 绑了一个错误的 context，后来已经改了。可以升级到最新版再试试。

https://github.com/NervJS/taro/pull/10311/files

[loethen]

@Chen-jj 更新到3.3.12依然不行

[skyliwq]

3.3.14 下 TypeError: Illegal invocation Recoil 还是无法使用希望尽快解决啊 大佬

[skyliwq]

@Chen-jj 更新到3.3.12依然不行

3.3.14 下 TypeError: Illegal invocation Recoil 还是无法使用希望尽快解决啊 大佬

[Chen-jj]

@skyliwq 提供一下 demo？

[skyliwq]

@Chen-jj 更新到3.3.12依然不行

3.3.14 下 TypeError: Illegal invocation Recoil 还是无法使用希望尽快解决啊 大佬

import {useEffect} from 'react'
import {atom, useRecoilState} from "recoil";

import { View } from '@tarojs/components'
import {AtButton } from 'taro-ui'

const tokenState = atom({
key: 'tokenState',
default: '出来拉',
});

const Index = () => {
const [token, setToken] = useRecoilState(tokenState);

return (
  <View className='index'>
    <AtButton
      onClick={()=>{
        setToken('回去吧')
      }}
    >Hello world!{token}</AtButton>
  </View>
)

}
export default Index

[skyliwq]

@Chen-jj 更新到3.3.12依然不行

3.3.14 下 Recoil 打包出现 setTimeout is not a function 错误 无法完成打包 白做了！！！

[Chen-jj]

我们看看

[skyliwq]

我们看看

3.3.15 依旧无法使用，不知道为什么，微信开发工具已更新最新版，还是出现这样问题

[skyliwq]

@Chen-jj 更新到3.3.12依然不行
大神帮忙看一下！！

[Chen-jj]

@skyliwq 上一个完整的 demo 看看

[skyliwq]

@Chen-jj 更新到3.3.15依然不行
大神帮忙看一下！！
https://github.com/skyliwq/taro-recoil-demo.git
微信开发工具 1.05.2110290 MAC

[skyliwq]

@Chen-jj 更新到3.3.15依然不行
大神帮忙看一下！！等着上线呀

[Chen-jj]

@skyliwq 你的 demo 里 Taro 相关依赖还是 3.3.14，升上去最新版就好了

[damon35868]

3.5.2打包到字节小程序依然报错Illegal invocation，微信小程序正常，求解决 @Chen-jj