hbuilderX运行到微信小程序报错[ app.json 文件内容错误] app.json: 未找到 [“sitemapLocation“] 对应的 sitemap.json文件

20 篇文章 0 订阅
2 篇文章 2 订阅

原因:

导入项目后project.config.json中关于mp-weixin的配置被修改.

解决:

将如下代码添加project.config.json文件即可

"miniprogramRoot": "./unpackage/dist/dev/mp-weixin"(可以将小程序的根目录设置为 ./unpackage/dist/dev/mp-weixin

这个设置的作用是告诉小程序开发工具,你的小程序的代码和资源文件都在 ./unpackage/dist/dev/mp-weixin 目录下。这样,小程序开发工具就会在编译和预览小程序时,将这个目录作为小程序的根目录,从而正确地加载和显示小程序中的文件和资源。需要将小程序的所有文件移动到 ./unpackage/dist/dev/mp-weixin 目录下

 miniprogramRoot:制定路径重新编译

project.config.json 文件是小程序开发工具中的一个配置文件,用于配置小程序项目的一些属性和设置

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
好的,以下是实现实时输入用户名和密码的微信小程序页面的代码: wxml: ```html <view class="container"> <view class="input-area"> <input placeholder="请输入用户名" bindinput="inputUsername" /> <input placeholder="请输入密码" type="password" bindinput="inputPassword" /> </view> <view class="result-area"> <text>您输入的用户名是:{{username}}</text> <text>您输入的密码是:{{password}}</text> </view> </view> ``` wxss: ```css .container { display: flex; flex-direction: column; justify-content: center; align-items: center; } .input-area { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-top: 100rpx; } .input-area input { width: 500rpx; height: 80rpx; font-size: 36rpx; padding-left: 20rpx; margin-bottom: 20rpx; border: 2rpx solid #ccc; border-radius: 10rpx; } .result-area { margin-top: 80rpx; font-size: 36rpx; } ``` js: ```js Page({ data: { username: '', password: '' }, inputUsername(e) { this.setData({ username: e.detail.value }) }, inputPassword(e) { this.setData({ password: e.detail.value }) } }) ``` app.json: ```json { "pages": [ "pages/index/index" ], "window": { "backgroundTextStyle": "light", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "实时输入用户名和密码", "navigationBarTextStyle": "black" }, "sitemapLocation": "sitemap.json" } ``` app.js: ```js App({ onLaunch: function () { // Do something initial when launch. }, onShow: function () { // Do something when show. }, onHide: function () { // Do something when hide. }, onError: function (msg) { console.log(msg) }, globalData: 'I am global data' }) ``` json: ```json { "usingComponents": {} } ``` 以上就是全部代码,您可以将以上代码复制到微信小程序开发者工具中对应文件中,即可实现实时输入用户名和密码的页面。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值