微信小程序:未找到 app.json 中的定义的 pages “pages/index/index” 对应的 WXML 文件

前情:本人在自学微信小程序时,遇到了调用模板出现错误的情况,本来想在社区里查找相关资料来调试错误,但是最终还是自己想清思路解决了问题。

如果步骤太过冗长的话,可以先跳过步骤看图片是否能帮助到您,图片若是看不明白的话再回步骤看看吧。

步骤:1.首先我们创建一个template文件,一般我们采用快捷的方式直接在全局文件app.json中的"pages":{“template/itemTemplate”,},写下该语句后他会自动帮你创建一个文件名为"template"并且文件夹下均为"itemTemplate"前缀名的四个文件。
2.然后我们继续在全局文件app.json中的"pages":{“pages/template/template”,},写下该语句后也是自动帮你在"pages"文件下创建一个子文件"template",文件名均为"template"的文件。
(ps:这里我们要注意,两个template是分开的两个文件,一个是在"pages"文件下的子文件,另一个是单独的template文件)
3.创建好文件后我们在"template"的"itemTemplate.wxml"下定义一个模板,然后在"pages"文件下的子文件下"template.wxml"里引用模板,最后在还是在"pages"的子文件夹下"template.wxml"调用模板,进行编译后显示出结果就行了。
引用模板语句:<import src="/template/itemTemplate.wxml"/>
调用模板语句:<template is="nameList" data="{{...item}}"/>

具体操作

1.在app.json文件下创建文件夹,写下该语句后会自动创建文件

"template/itemTemplate",

2.在"pages"的文件夹下创建"template"子文件,创建好后会自动生成文件(注:"template"文件一个为"pages"下的子文件,另一个"template"是单独的文件)

"pages/template/template",

4.然后在"itemTemplate.wxml"文件下定义一个模板

<!-- 定义模板 -->
<template name="nameList"><view class="border"><view>内容测试</view><view>name:{{name}}</view><view>age:{{age}}</view></view>
</template>

5.最后引用模板并进行调用即可

<!-- 引用模板 -->
<import src="/template/itemTemplate.wxml"/>
<!-- 调用模板 -->
<template is="nameList" data="{{...item}}"></template>


思路:会出现这样的错误可能是由于本人粗心没有理清思路。在编译的时候,文件会先通过"app.json"下的"pages"第一个语句进行编译,由于我直接引用了模板,而没有事先进行定义,编译器一直引用还未定义的模板,导致引用的路径出现问题,最终出现文章标题这样的错误,由于是初学,所以问题自己能独立解决还是挺开心的,希望这篇文章能对初学者们有一定的帮助。

微信小程序:未找到 app.json 中的定义的 pages “pages/index/index“ 对应的 WXML 文件相关推荐

  1. 解决小程序开发:未找到 app.json 中的定义的 pages “pages/index/index“ 对应的 WXML 文件

    解决小程序开发:未找到 app.json 中的定义的 pages "pages/index/index" 对应的 WXML 文件 (亲测,以解决)如果节约了你的宝贵时间,辛苦点个赞 ...

  2. 小程序开发:未找到 app.json 中的定义的 pages “pages/index/index“ 对应的 WXML 文件

    本来这段时间是准备软考的,但是受人之托做一个企业点餐的小程序,我看功能点不是很多,也就打印了下来,调研了下小程序的云开发,觉得还是很容易开发的,本来以为周末双休就能搞定的事情,偏偏弄了快一周了(每天都 ...

  3. 微信小程序全局配置文件app.json中window:backgroundColor“不生效”

    那些年我们一起踩过的坑~ 今天说一下微信小程序全局配置文件app.json中window的backgroundColor属性,设置之后发现没效果. 查了资料发现原来这个backgroundColor属 ...

  4. 未找到 app.json 中的定义的 pages/index/index 对应的 WXML 文件

    我们写小程序的时候很容易遇到类似于这种问题:报错为 VM285:1 未找到 app.json 中的定义的 pages "pages/index/index" 对应的 WXML 文件 ...

  5. 未找到 app.json 中的定义的 pages pages/index/index 对应的 WXML 文件

    在app.json中新建一个页面却一直提示 "未找到 app.json 中的定义的 pages "pages/join/join" 对应的 WXML 文件",不 ...

  6. 微信小程序python后端json错误_微信小程序错误——mpvue小程序:未找到 app.json 中的定义的 pages pages/XXX/XXX 对应的 WXML 文件...

    iOS 图形处理 Core Graphics Quartz2D 教程 Core Graphics Framework是一套基于C的API框架,使用了Quartz作为绘图引擎.它提供了低级别.轻量级.高 ...

  7. 微信小程序之配置app.json

    微信小程序之配置app.json 本人写了一个在线扫码借书的小程序,打算分享一下心得和代码,欢迎关注,再次希望各位大佬指出不足 {"pages": ["pages/ind ...

  8. 微信小程序项目从app.js中获取数据

    背景图片设定为全屏显示只需要设定page页就好,background-size第一个值设置宽度,第二个值设置高度. page{ margin: 0; height: 100%; background- ...

  9. 微信小程序监听app.js中的globalData属性,

    // app.js中 //app.js App({onLaunch: function () {let that = this// 在这里用定时器模拟网络请求的过程setTimeout(functio ...

最新文章

  1. python使用np.argsort对一维numpy概率值数据排序获取倒序索引、获取的top索引(例如top2、top5、top10)索引二维numpy数组中对应的原始数据:原始数据概率最大的头部数据
  2. linux sort 命令详解
  3. crontab命令的使用
  4. Response.Redirect(x.aspx);跳转后session为null的解决方法
  5. 【UVA - 1335】Beijing Guards (贪心,二分)
  6. java中为按钮添加图片_我们可以在Java接口中为成员定义私有和受保护的修饰符吗?...
  7. codevs1018 单词接龙(DFS)
  8. JavaScript上传文件,不打断点就上传失败
  9. 计算机基础知识之工作总结,计算机教师工作总结(精选3篇)
  10. 陕西师范大学第七届程序设计竞赛网络同步赛 - ZQ的睡前故事 -(三种方法)
  11. C语言中文网 读后感
  12. FPC手工焊接方法分享
  13. oracle异构mysql_Oracle GoldenGate学习之--异构平台同步(Mysql到Oracle)
  14. 伦敦国王学院计算机申请要求,2020年伦敦国王学院高级计算机专业研究生申请条件及世界排名|学费介绍...
  15. 关于短信群发的简单实现
  16. xml读取出现中文乱码
  17. lumia1520 越狱_尝试诺基亚Lumia 1020-内置电话的相机
  18. 极客时间去除复制保护
  19. 【2073】三角形面积
  20. 2021年茶艺师(初级)考试及茶艺师(初级)模拟试题

热门文章

  1. 世界杯开赛在即,告诉你5个用区块链玩转球赛的秘密 | 内附独家资源
  2. 搭载专业游戏芯片,这款百元真无线耳机很强吗?开箱实测一番
  3. 自动擦地机器人需要怎么留电_irobot擦地机器人是否好用,需要和扫地机器人配合么?...
  4. 人民币大小写转换 java 实现
  5. 软件测试之——性能测试(超级详细)这些你都知道吗?
  6. ConstraintLayout2.x使用详解
  7. cm11修改wifi_mac地址
  8. m4a怎么转换成mp4?一个简单好用的操作教程分享
  9. 网页整体布局基本模板
  10. 【转载】浅谈蓝牙 Mesh 组网技术