小程序编译提示canvasEl.addEventListener is not a function

[kevinjie]

我按照官方的示例使用，结果编译成小程序的时候出现以下错误，请问如何解决？

我的环境：
"dependencies": {
"@antv/f2": "^3.6.0-alpha.1",
"@tarojs/components": "2.0.1",
"@tarojs/components-qa": "2.0.1",
"@tarojs/mobx": "2.0.1",
"@tarojs/mobx-h5": "2.0.1",
"@tarojs/router": "2.0.1",
"@tarojs/taro": "2.0.1",
"@tarojs/taro-alipay": "2.0.1",
"@tarojs/taro-h5": "2.0.1",
"@tarojs/taro-qq": "2.0.1",
"@tarojs/taro-quickapp": "2.0.1",
"@tarojs/taro-swan": "2.0.1",
"@tarojs/taro-tt": "2.0.1",
"@tarojs/taro-weapp": "2.0.1",
"babel-runtime": "^6.26.0",
"mobx": "4.8.0",
"nerv-devtools": "^1.5.5",
"nervjs": "^1.5.5",
"taro-f2": "^2.2.0",
"taro-ui": "^2.2.4"
},
"devDependencies": {
"babel-plugin-transform-runtime": "^6.23.0",
"@types/react": "^16.4.6",
"@types/webpack-env": "^1.13.6",
"@tarojs/mini-runner": "2.0.1",
"@tarojs/webpack-runner": "2.0.1",
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-decorators-legacy": "^1.3.4",
"babel-plugin-transform-jsx-stylesheet": "^0.6.5",
"babel-plugin-transform-object-rest-spread": "^6.26.0",
"babel-preset-env": "^1.6.1",
"babel-eslint": "^8.2.3",
"eslint": "^5.16.0",
"eslint-config-taro": "2.0.1",
"eslint-plugin-react": "^7.8.2",
"eslint-plugin-react-hooks": "^1.6.1",
"eslint-plugin-import": "^2.12.0",
"stylelint": "9.3.0",
"stylelint-config-taro-rn": "2.0.1",
"stylelint-taro-rn": "2.0.1",
"eslint-plugin-taro": "2.0.1",
"@typescript-eslint/eslint-plugin": "^2.13.0",
"@typescript-eslint/parser": "^2.13.0",
"typescript": "^3.0.1"
}

[BODhaha]

请问你解决了吗@kevinjie

[kevinjie]

请问你解决了吗@kevinjie

没有

[edwards19900128]

有解答了么。。。

[sillyhong]

本人解决方案：npm包降级"@antv/f2": "^3.1.22"

如题主截图所示，高版本的@antv/f2最后打包出来的文件中包含了dom事件监听，小程序不兼容

[BoringDays]

这样一直靠旧版吊命也不是办法，还是得看看有什么办法保证和新版f2接轨才行

[lechenging]

@sillyhong 更换3.1.22版本后，小程序图表不现实了

[hana333]

@sillyhong 降级后滚动条interaction/pan，ScrollBar用不了。。有什么别的好的办法么？

[lucky126]

3.1.22降级不了，yarn失败了

[BarleyBig]

看了一下f2的日志，是在3.6的时候新增了一些事件，然后降级到了3.5，可以正确编译运行
f2更新日志