欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2024-03-18 13:40:34
...

微信小程序:未找到 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",

微信小程序:未找到 app.json 中的定义的 pages “pages/index/index“ 对应的 WXML 文件2.在"pages"的文件夹下创建"template"子文件,创建好后会自动生成文件(注:"template"文件一个为"pages"下的子文件,另一个"template"是单独的文件)

"pages/template/template",

微信小程序:未找到 app.json 中的定义的 pages “pages/index/index“ 对应的 WXML 文件4.然后在"itemTemplate.wxml"文件下定义一个模板

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

微信小程序:未找到 app.json 中的定义的 pages “pages/index/index“ 对应的 WXML 文件5.最后引用模板并进行调用即可

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

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