用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 新手教程 查看内容

新手常见问题集锦《一》

天下雪 2017-1-27 11:03

作者:司马懿FE,来自原文地址一:微信小程序建立新项目之后会出现app.json文件未接入错误如下图:一般是因为在下图添加新项目,项目目录这一列,如果不事先建立一个空的文件夹,直接选择则不会出现quickstartup界面 ...

作者:司马懿FE,来自原文地址
一:微信小程序建立新项目之后会出现app.json文件未接入错误如下图:

 

 

一般是因为在下图添加新项目,项目目录这一列,如果不事先建立一个空的文件夹,直接选择则不会出现quickstartup界面

所以在建立微信小程序新项目的时候,项目目录这一块要选择在你新建的某个文件夹中,不然还会出现app.json错误,或者直接建立一个文档,但是我试过貌似不可行。


二:无法输入文字/随时查看页面/元素审查/点击事件/数据绑定

1:编辑文档无法输入文字

出现这种情况一般是因为之前编辑的文档未保存,所有在其他文档输入的时候会自动输入到未保存的文档中,在文档暂时编辑完毕后要ctrl+s随手保存,不然会出现无法打字情况

2: 随时查看页面效果

看小树老师的视频是要点击调试-重新载入才能看页面效果,在开发中发现直接ctrl+s键就可以在左侧查看页面效果

3:审查元素

在google浏览器一般是这个符号查看,但是在微信开发者工具中,点击后仍然无法查看dom树,正确的是点击其后边有一个的符号,这个微信小程序开发专门的调试工具,和谷歌调试方法类似。

 4:点击事件及数据绑定

在微信开发中,点击事件函数为:bindtap='函数名';

数据绑定类似于angularjs的双向数据绑定功能,在微信开发的js文件中有命名为data的对象,对象中de motto,userInfo,span如同在angularjs中的$scope.arr变量一样,在html文件中直接{{motto}}即可,原理同ng


三:页面跳转失败WAService.js:3 navigateTo:fail url not in app.json

微信小程序新建页面的要素一是新建的文件名称和其子文件的名称最好一致,不然容易出问题,在小程序页面跳转中如果出现WAService.js:3 navigateTo:fail url not in app.json错误

要在app.json(公共文件中)建立页面跳转page.如下图

不管是跳转到哪个页面,必须在json里的pages数组里面填写路径,不然跳转失败

跳转失败的另一个原因可能比较白痴了,就是跳转路径js写作错误,比如在上一级的兄弟页面中../兄弟页面直接写成/兄弟页面也是跳转失败

 

ps以下为页面跳转api:

 

1
2
3
4
5
6
7
8
9
10
11
12
wx.navigateTo({
  url: '../news/news',//页面跳转相对路径要写清楚且准确
  success: function(res){
     console.log('跳转到news页面成功')// success
  },
  fail: function() {
   console.log('跳转到news页面失败')  // fail
  },
鲜花
鲜花
鸡蛋
鸡蛋
分享至 : QQ空间
收藏
原作者: 司马懿FE 来自: 原文地址

相关阅读