微信小程序开发常见warnings警告解决方案
在小程序开发过程中，只要稍不注意代码细节，就会出现很多 warnings 警告，虽然在对小程序的运行并没有什么影响，但是作为一名严谨的程序猿，是不允许它们存在的。
下面我将从我的实际项目开发过程中碰到的warnings 问题进行分析处理。
Warning 1: Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors。
首先，看一下这个警告的内容：组件wxss中不允许使用某些选择器，包括标签名选择器、ID选择器和属性选择器。
上面这个问题的出现，主要是因为我们没有仔细阅读微信小程序的官方文档，请看 小程序·自定义组件和样式
解决方案：
- 上面文档中第一条就已经说明了，组件和引用组件的页面不能使用id选择器（
#a）、属性选择器（[a]）和标签名选择器（button），请改用class选择器。 - 那么我们只需要将自定义组件内不符合规范要求的选择器改为
class选择器即可。
- 上面文档中第一条就已经说明了，组件和引用组件的页面不能使用id选择器（
Warning 2: [/pageframe/pages/index/index] Do not set same key “[object Object]” in wx:key.
原代码：
<block wx:for="{{list}}" wx:key="*this">
- 原因：错误的把对象数据指定给了
wx:key - 解决方案：
- 修改
wx:key的值即可解决，代码如下：
- 修改
<block wx:for="{{list}}" wx:key="index">
Warning 3: Now you can provide attr wx:key for a wx:for to improve performance.
- 看了上面那个
wx:key的警告问题，再来看一个这个警告。 - 可以看出，该警告只是一个关于性能优化方面的提示。是不会影响程序运行的。
- 解决方案：只需要在
wx:for后面添加wx:key="index"可消除警告。
<view wx:for="{{list}}" wx:key="index">{{item.text}}</view>
Warning 4: Setting data field “platform” to undefined is invalid.
- 问题：将数据字段“xxx”设置为未定义无效。
- 原因：查看该字段所在页面的位置，发现在进行
setData时，没有取到值来进行更新，然后就会将undefined给这个字段，此时默认字段就会变成undefined，才会出现这个警告。 - 因为这个字段在页面中并没有用到，后面就废弃了，所以并没有报错，只是发起警告，如果使用该字段的话，就会报错。
- 没有取到值的原因有很多，我这个没有取到的原因是对应的变量找不到，因为我改过原来取变量的层级，所以才会导致找不到这条数据，所以大家写代码的时候一定要认真。
Warning 5: 工具未校验合法域名、web-view（业务域名）、TLS 版本以及 HTTPS 证书。
出现这个警告的问题的原因是因为我们在开发过程中由于没有在后台配置合法域名，无法直接访问https接口，但是我们又需要其他接口数据的调试。所以我们会勾选 “详情” => “本地设置” => “不校验合法域名、web-view、TLS版本以及HTTPS证书”才能进行接口的访问，所以才会导致出现该警告。只要我们配置好相关的合法域名，将该选项勾选掉，就不会提示该警告了。
涉及到的相关内容可以看一下官网：小程序·网络这里讲解的很明白了。
以上几个 warnings 基本上就是我在项目完成时存在并且解决掉的，感觉这几个警告比较经典，就写下来跟大家分享一下，希望能够对大家有所帮助。欢迎各位点赞讨论。
微信小程序开发常见warnings警告解决方案相关推荐
- 微信小程序开发常见问题解答
人在国外可以开发小程序吗? 有很多人在问,人在国外能不能开发一个微信小程序?答案是可以的. 但是在国外开发小程序都话,需要注意以下几点: 1.微信小程序是针对的本地华人,支付也是用人民币,那字体也设计 ...
- 微信小程序开发问题收集及解决方案——样式篇
@TOC 1.去除页面弹簧效果 关闭页面滚动效果,页面.json文件的disableScroll设置为true,用于禁止页面滚动: 采用scroll-view组件: scroll-view组件需定高1 ...
- 关于微信小程序开发环境苹果IOS真机预览报SSL协议错误问题解决方案
关于微信小程序开发环境苹果IOS真机预览报SSL协议错误问题解决方案 参考文章: (1)关于微信小程序开发环境苹果IOS真机预览报SSL协议错误问题解决方案 (2)https://www.cnblog ...
- 微信小程序开发详细步骤解决方案
什么行业适合使用微信小程序? 01. 什么是微信小程序? 微信内嵌的小程序,不需要下载安装就能使用,具有开发成本低.使用方便等特点,它实现了应用"触手可及",用户通过扫描或搜索就能 ...
- 微信小程序开发提示“获取手机号码失败 ERROR：该appid没有权限”解决方案
关于微信小程序开发提示"获取手机号码失败, ERROR:该appid没有权限"的解决方案 一般这种情况的出现都是出现在二次开发上面,原开发人员变动,不在开发该程序.新人在接手这个程 ...
- 微信小程序装修解决方案ppt_微信小程序开发教程.ppt
微信小程序开发教程.ppt 从开发CMS系统学起 从入门到精通的微信小程序开发教程 学微信小程序开发 从实践中学习是开发者最好最快的学习方法.本教程将和大家从零开始 一步一步搭建微信小程序CMS系统, ...
- 微信小程序——开发基础
内容说明:这是微信小程序第一次实验报告 本次实验主要实现了三部分内容:开发环境的搭建,开发工具的安装以及比较数字大小的实验案例.在进行实验的过程中,掌握了以下知识内容: 微信小程序开发环境的搭建 ...
- 【微信小程序宝典】从零开始做微信小程序开发
开发前必读简要 基于大量无效开发,无法上线的案例,所以开发前部分知识十分重要:| 链接 微信小程序个人注册简单步骤 打开mp.weixin.qq.com,点击右上角立即注册,进入小程序注册| 链接 微 ...
- 小程序开发常见错误及排除方法
小程序开发过程可能会遇到各种问题,不少人踩坑无数,小程序开发过程中有哪些常见错误,这里有一些比较难以排查的可能性列举,帮助开发者更好的排除错误. 1:官方文档示例代码有误,有时官方文档示例代码也会出现 ...
最新文章
- 读硕/博期间你积累了哪些重要的科研经验？
- C++中的友元函数friend
- C# FTP下载文件
- 【大白话系列】深入浅出Cleaner+虚引用完成堆外内存的回收
- 【机器视觉】 dev_open_tool算子
- 三星有网络显示无网络连接到服务器,三星s5296连接了网络为什么不能用 看完这些原因就知道了...
- mpvue 中使用 wx-f2 tooltip 失效解决
- matlab 省略号,matlab知识集锦 | 学步园
- Ruby中的类与对象(一)
- 全国计算机等级考试（NCRE）三级网络技术、四级网络工程师题库软件分享
- 计算机控制系统的典型结构形式框图,计算机控制技术课后习题
- 体系结构14_控制相关的动态解决技术
- 滴滴员工求裁员，阿里不裁员，大佬聊裁员时都在聊什么？
- Excel饼图中既显示百分比
- vmalloc 虚拟实现
- Mac电脑如何快速回到桌面？
- SpringCloud项目No qualifying bean of type ‘×××Mapper‘ available：的错误解决
- 光线追踪渲染实战（四）：微平面理论与迪士尼 BRDF，严格遵循物理！
- 2020ICPC沈阳站后记
- 网站 图标 背景 素材 网址 js效果网址 导航效果网址 网址大全 素材集