taro
taro copied to clipboard
Cannot read properties of null (reading 'addEventListener')
相关平台
支付宝小程序
小程序基础库: 2.0 使用框架: Vue 3
复现步骤
使用 Taro 3.5.5 创建 TS Vue3 新项目,无需修改任何程序直接构建支付宝小程序,使用小程序开发者工具打开代码即可看到错误
Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')
at (index):6:994
at Array.forEach (<anonymous>)
at g ((index):6:185)
at m ((index):6:973)
at M.init ((index):6:9020)
at M.x ((index):6:2019)
at new M ((index):6:4623)
at y ((index):6:2076)
at new ia ((index):6:7528)
at new ha ((index):6:7309)
期望结果
支付宝小程序正常构建并可上传访问
实际结果
构建后不可预览、不可上传
环境信息
👽 Taro v3.5.5
Taro CLI 3.5.5 environment info:
System:
OS: macOS 12.5.1
Shell: 5.8.1 - /bin/zsh
Binaries:
Node: 16.13.1 - ~/.nvm/versions/node/v16.13.1/bin/node
Yarn: 1.22.15 - ~/.nvm/versions/node/v16.13.1/bin/yarn
npm: 8.1.2 - ~/.nvm/versions/node/v16.13.1/bin/npm
npmPackages:
@tarojs/cli: 3.5.5 => 3.5.5
@tarojs/components: 3.5.5 => 3.5.5
@tarojs/helper: 3.5.5 => 3.5.5
@tarojs/plugin-framework-vue3: 3.5.5 => 3.5.5
@tarojs/plugin-html: ^3.5.5 => 3.5.5
@tarojs/plugin-platform-alipay: 3.5.5 => 3.5.5
@tarojs/plugin-platform-jd: 3.5.5 => 3.5.5
@tarojs/plugin-platform-qq: 3.5.5 => 3.5.5
@tarojs/plugin-platform-swan: 3.5.5 => 3.5.5
@tarojs/plugin-platform-tt: 3.5.5 => 3.5.5
@tarojs/plugin-platform-weapp: 3.5.5 => 3.5.5
@tarojs/router: 3.5.5 => 3.5.5
@tarojs/runtime: 3.5.5 => 3.5.5
@tarojs/service: ^3.5.5 => 3.5.5
@tarojs/shared: 3.5.5 => 3.5.5
@tarojs/taro: 3.5.5 => 3.5.5
@tarojs/taro-h5: 3.5.5 => 3.5.5
@tarojs/webpack5-runner: 3.5.5 => 3.5.5
babel-preset-taro: 3.5.5 => 3.5.5
eslint-config-taro: 3.5.5 => 3.5.5
@Honye 没有复现。创建项目的选项都列一下,最好提供一下 demo
@Chen-jj
复现步骤:
# 不要修改项目名
pnpm --package=@tarojs/cli dlx taro init miniapp-mth-alipay
项目介绍:随意
框架:Vue3
是否需要使用 TypeScript:Y
CSS 预处理器:Less
编译工具:Webpack5
包管理工具:pnpm
模板源:Gitee
模板:默认模版
cd miniapp-mth-alipay
pnpm build:alipay
使用支付宝小程序开发者工具打开项目 dist 目录

临时解决方案:
修改项目文件夹名后可正常构建
将项目文件夹 miniapp-mth-alipay
改为 miniapp-taro-alipay
后再构建可正常使用
最新版本3.6.1还是有这个问题,项目名称要带有taro才能成功运行不报错
目前碰到相同问题,修改报名带有taro依然不成功
@Chen-jj 大半年了,这个问题还是没有修复??只要项目名不带taro的编译到支付宝小程序都报错Cannot read properties of null (reading 'addEventListener')
@Chen-jj
复现步骤:
# 不要修改项目名 pnpm --package=@tarojs/cli dlx taro init miniapp-mth-alipay
cd miniapp-mth-alipay pnpm build:alipay
使用支付宝小程序开发者工具打开项目 dist 目录
![]()
临时解决方案:
修改项目文件夹名后可正常构建
将项目文件夹
miniapp-mth-alipay
改为miniapp-taro-alipay
后再构建可正常使用
按照这个步骤没有复现出来,如果还有问题的话,能否提供一个 demo,以便我们排查问题,感谢反馈~
@Chen-jj 复现步骤:
# 不要修改项目名 pnpm --package=@tarojs/cli dlx taro init miniapp-mth-alipay
cd miniapp-mth-alipay pnpm build:alipay
使用支付宝小程序开发者工具打开项目 dist 目录
临时解决方案: 修改项目文件夹名后可正常构建 将项目文件夹
miniapp-mth-alipay
改为miniapp-taro-alipay
后再构建可正常使用按照这个步骤没有复现出来,如果还有问题的话,能否提供一个 demo,以便我们排查问题,感谢反馈~
@xuanzebin 跑下这个Demo看行不行,我这边编译后支付宝还是报错 https://github.com/lindingfeng/test-project node -> v16.14.2 pnpm -> 7.27.0 taro -> 3.6.4
@Chen-jj 复现步骤:
# 不要修改项目名 pnpm --package=@tarojs/cli dlx taro init miniapp-mth-alipay
cd miniapp-mth-alipay pnpm build:alipay
使用支付宝小程序开发者工具打开项目 dist 目录
临时解决方案: 修改项目文件夹名后可正常构建 将项目文件夹
miniapp-mth-alipay
改为miniapp-taro-alipay
后再构建可正常使用按照这个步骤没有复现出来,如果还有问题的话,能否提供一个 demo,以便我们排查问题,感谢反馈~
刚刚又试了下,按照这个步骤是可以复现的
应用 | 版本 |
---|---|
Taro | v3.6.4 |
NodeJS | v18.14.2 |
pnpm | v7.13.2 |
OS | Windows 10 22H2 |
小程序开发者工具 | v3.1.3 |
遇到了相同的报错信息,尝试修改文件夹名后依然没有成功🤷🏻♀️ Taro 3.6.2 Node 16.16.0 pnpm 8.1.0
@Chen-jj 复现步骤:
# 不要修改项目名 pnpm --package=@tarojs/cli dlx taro init miniapp-mth-alipay
cd miniapp-mth-alipay pnpm build:alipay
使用支付宝小程序开发者工具打开项目 dist 目录
临时解决方案: 修改项目文件夹名后可正常构建 将项目文件夹
miniapp-mth-alipay
改为miniapp-taro-alipay
后再构建可正常使用按照这个步骤没有复现出来,如果还有问题的话,能否提供一个 demo,以便我们排查问题,感谢反馈~
@xuanzebin 跑下这个Demo看行不行,我这边编译后支付宝还是报错 https://github.com/lindingfeng/test-project node -> v16.14.2 pnpm -> 7.27.0 taro -> 3.6.4
依然没有复现,但找到了相关的问题,麻烦尝试一下或许可以解决问题~ #11133
