新建的空白uni-app uni-ui项目运行到微信开发者工具报错Cannot read property 'wx' of undefined

新建的空白uni-app uni-ui项目运行到微信开发者工具报错Cannot read property ‘wx’ of undefined

操作步骤：

  • 空白项目直接运行

预期结果：

  • 正常运行

实际结果：

  • 报错

bug描述：

新建的空白uni-ui项目没有任何改动，运行到微信开发者工具报错Cannot read property 'wx' of undefined。我的其他项目还会多报TypeError: Cannot read property 'getAppBaseInfo' of undefined但搜索其实没有搜到getAppBaseInfo的使用包括第三方组件。微信开发者工具是最新的。

信息类别 信息内容
产品分类 uniapp/App
PC开发环境 Windows
PC开发环境版本 Windows 11 24H2 26100.6899
HBuilderX类型 正式
HBuilderX版本 4.76
手机系统 Android
手机系统版本 Android 14
手机厂商 小米
手机机型 Redmi Note 14 Pro+
页面类型 vue
vue版本 vue2
打包方式 离线
项目创建方式 HBuilderX

Image Image Image


更多关于新建的空白uni-app uni-ui项目运行到微信开发者工具报错Cannot read property 'wx' of undefined的实战教程也可以访问 https://www.itying.com/category-93-b0.html

9 回复

微信开发者工具你登录了吗

更多关于新建的空白uni-app uni-ui项目运行到微信开发者工具报错Cannot read property 'wx' of undefined的实战教程也可以访问 https://www.itying.com/category-93-b0.html


肯定登陆了，我还重启了几次，正式的appId和测试的id都试过了

还是说我扫码登陆后开发工具他自动把我退出去了？

回复 99469721: vue2?

回复 DCloud_UNI_JBB: 是的

最新alpha版本的hx测试并没有复现报错，hx升级到最新的alpha版本试试

我卸载微信开发者工具重下了遍，hbuilder也升到alpha，好了

回复 99469721: 好的

这是一个典型的微信小程序环境检测问题。错误信息表明代码在非微信环境下访问了微信API对象。

主要原因：

  1. uni-app在非微信环境下运行时，uni对象中的微信专属API（如wx）不可用
  2. 项目可能包含某些组件或代码在全局作用域中过早调用了微信API

解决方案：

  1. 检查manifest.json配置

    • 确认小程序AppID已正确配置
    • 检查微信小程序相关配置是否正确

  2. 检查uni.scss或全局样式文件

    • 某些样式文件中可能包含不当的JavaScript代码
    • 检查是否有import语句引入了不兼容的文件

  3. 排查组件库问题

    • uni-ui组件库某些版本可能存在环境检测问题
    • 尝试暂时移除uni-ui依赖测试

  4. 检查main.js入口文件

    • 确保没有在Vue实例化前执行微信API调用
    • 检查所有import的模块是否兼容小程序环境

  5. 清理并重新运行

    # 删除node_modules和unpackage目录
# 重新npm install
# 重新运行到微信开发者工具
回到顶部