uniapp开发小程序用微信开发者工具预览时或发布出现空白的问题 MiniProgramErro TypeError: Cannot set properies of undefined

这篇具有很好参考价值的文章主要介绍了uniapp开发小程序用微信开发者工具预览时或发布出现空白的问题 MiniProgramErro TypeError: Cannot set properies of undefined。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

uniapp开发小程序时,用开发者工具手机扫描预览时显示空白,打开【开发调试】工具显示有报错信息,MiniProgramErro TypeError: Cannot set properies of undefined:

uniapp开发小程序用微信开发者工具预览时或发布出现空白的问题 MiniProgramErro TypeError: Cannot set properies of undefined,小程序,uni-app

原因:按以前的icon font引入方式,小程序的wxss文件的font-face的url不接受http地址作为参数

uniapp开发小程序用微信开发者工具预览时或发布出现空白的问题 MiniProgramErro TypeError: Cannot set properies of undefined,小程序,uni-app

但可以接收base64,可以通过以下办法解决:

1.进入阿里图标,打开自己的项目,点击项目设置

uniapp开发小程序用微信开发者工具预览时或发布出现空白的问题 MiniProgramErro TypeError: Cannot set properies of undefined,小程序,uni-app

 2.打开项目设置,勾选base64,保存就可以

uniapp开发小程序用微信开发者工具预览时或发布出现空白的问题 MiniProgramErro TypeError: Cannot set properies of undefined,小程序,uni-app

3.点击查看在线链接

uniapp开发小程序用微信开发者工具预览时或发布出现空白的问题 MiniProgramErro TypeError: Cannot set properies of undefined,小程序,uni-app 

4.点击更新代码

uniapp开发小程序用微信开发者工具预览时或发布出现空白的问题 MiniProgramErro TypeError: Cannot set properies of undefined,小程序,uni-app 

5.点击生成的链接查看源文件

uniapp开发小程序用微信开发者工具预览时或发布出现空白的问题 MiniProgramErro TypeError: Cannot set properies of undefined,小程序,uni-app 

6.全选直接复制粘贴到自己的项目

uniapp开发小程序用微信开发者工具预览时或发布出现空白的问题 MiniProgramErro TypeError: Cannot set properies of undefined,小程序,uni-app 

uniapp开发小程序用微信开发者工具预览时或发布出现空白的问题 MiniProgramErro TypeError: Cannot set properies of undefined,小程序,uni-app 7.重新预览查看没有问题,调试工具也没有报错了

 uniapp开发小程序用微信开发者工具预览时或发布出现空白的问题 MiniProgramErro TypeError: Cannot set properies of undefined,小程序,uni-app

 uniapp开发小程序用微信开发者工具预览时或发布出现空白的问题 MiniProgramErro TypeError: Cannot set properies of undefined,小程序,uni-app

 文章来源地址https://www.toymoban.com/news/detail-609052.html

 

到了这里,关于uniapp开发小程序用微信开发者工具预览时或发布出现空白的问题 MiniProgramErro TypeError: Cannot set properies of undefined的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp小程序console.log在微信开发者工具中不打印问题

    最近在开发一款uniapp小程序,发现console.log在微信开发者工具中不打印,但在H5页面就能够有打印输出,于是在网上寻找原因… 主要是由于vue.config.js文件中有设置发布时删除console的配置,如下: 官网参考地址:全局文件 —— vue.config.js 此时可以全局搜索 drop_console 将compres

    2024年02月10日
    浏览(58)
  • 微信开发者工具登录后无法预览和真机调试?无语解决

    记录一次无语解决微信开发者工具登录后无法预览和真机调试的经历。 众所周知,我们在开发小程序时常在微信开发者工具编写代码,而如果不是开发者(小程序后台中没有添加过为该项目开发者),则会在编辑代码时无法使用 预览 和 真机调试 等功能。 (上图为暗色,不

    2024年02月13日
    浏览(73)
  • 解决微信开发者工具预览和真机调试灰色不能点击问题

    项目中的manifest.json文件 微信小程序AppID问题  在微信小程序中创建项目时,可以找到注册按钮   根据提示注册即可(本人已经注册,就不演示了) 点击开发 - 开发管理 - 开发设置 - 复制AppID  复制AppID到Hbbuilderx的项目中    这个时候的微信开发者工具就可以真机调试了  

    2024年02月11日
    浏览(36)
  • uniapp启动微信小程序开发者工具报错Enable IDE Service (y/N) [27D[27C

    下载安装好微信小程序开发者路径 配置好启动路径后 报错[微信小程序开发者工具] ? Enable IDE Service (y/N) [27D[27C 因为微信开发者工具的服务端口号没有打开

    2024年02月10日
    浏览(41)
  • uniapp开发微信小程序,出现[微信小程序开发者工具] [error] Error: Fail to open IDE 错误的原因--潘万丁

    [微信小程序开发者工具] [error] Error: Fail to open IDE 是因为 小程序AppID这里的id有自己以前填写的,现在肯能某种原因无法使用,所以把它清空或天上自己现在能用的即可,我建议为空更好,然后运行微信小程序肯能不会跳出来,这是需要将微信开发者工具关闭完了,在hbuilder

    2024年02月16日
    浏览(37)
  • 【uniapp】uniapp使用微信开发者工具制作骨架屏:

    一、效果: 二、过程: 【1】微信开发者工具打开项目,生成骨架屏,将wxml改造为vue页面组件,并放入样式 【2】页面使用骨架屏组件 【3】改造骨架屏(去除导航栏,并将爆红的加上 : )

    2024年02月13日
    浏览(37)
  • HBuilderX 开发的uniapp项目在微信开发者工具中调试运行

    第一步下载需要的开发工具: 下载HBuilderX:https://www.dcloud.io/hbuilderx.html 下载微信开发者工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/nightly.html 第二步将自己在HBuilderX 开发的uniapp项目打开并保证能运行,然后点击 工具 进行配置微信开发者工具路径: 第三步打开微信开

    2024年02月11日
    浏览(38)
  • uniapp项目从Hbuilder Vscode运行到小程序模拟器 微信开发者工具后没有反应,进不去!其实保姆级答案只需要三步

    先看问题如下图:uniapp项目从Hbuilder 或者Vscode点击运行到小程序模拟器 微信开发者工具后没有反应,进不去 只能在最外面如下图: 如何解决: 如果不知道如何查看自己的微信小程序AppID请看我的另一篇文章,下方是文章链接 如何查看自己的appid以及在微信开发者工具中查看

    2024年02月11日
    浏览(84)
  • hbuilder运行uniapp,微信开发者工具打开但没有运行项目

    最近接手公司uniapp项目,使用Hbuilder运行uniapp,微信开发者工具打开但没有运行项目 :     检查微信小程序开发工具是否最新版; 微信开发者工具登录的微信号,可能未绑定该小程序项目的appid,需要到小程序管理后台绑定该微信账号为开发者账号; 将项目直接拉入微信开发者工具

    2024年02月09日
    浏览(49)
  • 将uniAPP项目导入到微信开发者工具中保姆级教程

    uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。 uni-app官网 uni-app在手,做啥都不愁。即使不跨端,uni-app也是更好的小程序

    2024年02月04日
    浏览(36)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包