d***@163.com
d***@163.com
  • 发布:2023-04-21 09:32
  • 更新:2023-04-21 09:32
  • 阅读:887

【报Bug】 加载了一个为定义的组件

分类:uni-app

产品分类: uniapp/小程序/微信

PC开发环境操作系统: Mac

PC开发环境操作系统版本号: 13.1 (22C65)

HBuilderX类型: 正式

HBuilderX版本号: 3.7.9

第三方开发者工具版本号: 1.0.6

基础库版本号: 1.4.20

项目创建方式: HBuilderX

示例代码:
<template>  
    <view class="main">  
        <view class="info-main cardBorder bg-white p30">  
            当前账户积分:{{ info.money|moneyYuan }}  
        </view>  
        <view class="recharge-main cardBorder bg-white p30 mtop30">  
            <uni-forms ref="form" :modelValue="form">  
                <uni-forms-item>  
                    <uni-row>  
                        <uni-col :span="5">  
                            <template :v-slot="label">  
                                <uni-icons type="wallet" size="20" />  
                                <text>卡号</text>  
                            </template>  
                        </uni-col>  
                        <uni-col :span="19">  
                            <uni-easyinput v-model="form.no" placeholder="请输入卡号" />  
                        </uni-col>  
                    </uni-row>  
                </uni-forms-item>  

                <uni-forms-item>  
                    <uni-row>  
                        <uni-col :span="5">  
                            <template :v-slot="label">  
                                <uni-icons type="locked" size="20" />  
                                <text>密码</text>  
                            </template>  
                        </uni-col>  
                        <uni-col :span="19">  
                            <uni-easyinput v-model="form.password" placeholder="请输入密码" />  
                        </uni-col>  
                    </uni-row>  
                </uni-forms-item>  
            </uni-forms>  
        </view>  

        <view class="warn rcardBorder bg-white p30 mtop30">  
            <view class="content">  
                <view class="num">1. </view>  
                <view class="desc">请填写您持有的储值卡的卡号和密码进行充值,充值成功后,即可看到已充值积分。(1元=1积分)</view>  
            </view>  
            <view class="content">  
                <view class="num">2. </view>  
                <view class="desc">本卡一张只充值一次,充值成功后卡号、密码立即作废。</view>  
            </view>  
            <view class="content">  
                <view class="num">3. </view>  
                <view class="desc">本卡为不记名卡、不挂失、不可兑换现金,遗失不补,请您妥善保存。</view>  
            </view>  
            <view class="content">  
                <view class="num">4. </view>  
                <view class="desc">销售本卡时已开具发票,所有本卡消费不再开发票,请您谅解。</view>  
            </view>  
            <view class="content">  
                <view class="num">4. </view>  
                <view class="desc">多张卡可以叠加充值,充值后长期有效。</view>  
            </view>  
        </view>  
        <view class="submit radius" @click="rechargeOption">充值</view>  
        <sys-loading />  
    </view>  
</template>  

<script>  
    import { memberInfo } from "@/api/member.js"  
    import { mapGetters } from 'vuex'  
    export default {  
        computed:{  
            ...mapGetters(['firstLoad', 'loginStatus']),  
        },  
        data() {  
            return {  
                info: {},  
                form: {  
                    no: '',  
                    password: ''  
                }  
            }  
        },  
        onLoad() {  
            this.getInfoApi()  
        },  
        methods: {  
            getInfoApi(){  
                this.$loading(true)  
                memberInfo().then(({ data })=>{  
                    this.info = data.info  
                    this.$loading(false)  
                }).catch(()=>{  
                    this.$loading(false)  
                })  
            },  
            rechargeOption(){  
                uni.showToast({  
                    title: '暂未开通,敬请期待!',  
                    icon: 'none'  
                })  
            },  
        }  
    }  
</script>  

<style lang="scss">  
.main{  
    padding: 0 45rpx;  
    .recharge-main{  
        .uni-forms-item{  
            .uni-row{  
                display: flex;  
                align-items: center;  
            }  
        }  
        .uni-forms-item:last-child{  
            margin-bottom: 0;  
        }  
    }  
    .warn{  
        font-size: 23rpx;  
        color: #E6A23C;  
        .content{  
            display: flex;  
            flex-wrap: wrap-reverse;  
            padding: 5rpx 0;  
            .num{  
                width: 30rpx;  
            }  
            .desc{  
                width: 570rpx;  
            }  
        }  
    }  
    .submit{  
        background-color: $sp-text-active-color;  
        color: #fff;  
        text-align: center;  
        padding: 20rpx 0;  
        margin-top: 50rpx;  
    }  
}  
</style>  

操作步骤:

xbuilderX运行->小程序模拟器->运行微信开发者工具(1.0.6)
编辑其它的界面->保存代码->自动加载(就会出现这个bug,是偶现的,重新运行这个问题就没有了)

预期结果:

不加载组件“/pages/my/recharge-uni-forms-item-default”

实际结果:

正确的

{  
  "navigationBarTitleText": "充值卡充值",  
  "enablePullDownRefresh": false,  
  "usingComponents": {  
    "uni-forms": "/node-modules/@dcloudio/uni-ui/lib/uni-forms/uni-forms",  
    "uni-forms-item": "/node-modules/@dcloudio/uni-ui/lib/uni-forms-item/uni-forms-item",  
    "uni-row": "/node-modules/@dcloudio/uni-ui/lib/uni-row/uni-row",  
    "uni-col": "/node-modules/@dcloudio/uni-ui/lib/uni-col/uni-col",  
    "uni-icons": "/node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons",  
    "uni-easyinput": "/node-modules/@dcloudio/uni-ui/lib/uni-easyinput/uni-easyinput"  
  }  
}

错误的

{  
  "navigationBarTitleText": "充值卡充值",  
  "enablePullDownRefresh": false,  
  "usingComponents": {  
    "recharge-uni-forms-item-default": "/pages/my/recharge-uni-forms-item-default",  
    "uni-forms": "/node-modules/@dcloudio/uni-ui/lib/uni-forms/uni-forms",  
    "uni-forms-item": "/node-modules/@dcloudio/uni-ui/lib/uni-forms-item/uni-forms-item",  
    "uni-row": "/node-modules/@dcloudio/uni-ui/lib/uni-row/uni-row",  
    "uni-col": "/node-modules/@dcloudio/uni-ui/lib/uni-col/uni-col",  
    "uni-icons": "/node-modules/@dcloudio/uni-ui/lib/uni-icons/uni-icons",  
    "uni-easyinput": "/node-modules/@dcloudio/uni-ui/lib/uni-easyinput/uni-easyinput"  
  }  
}

bug描述:

[代码依赖分析] 找到 1 个依赖异常情况,可能会导致对应文件无法加载,请检查。 Couldn't resolve the Component "/pages/my/recharge-uni-forms-item-default" relative to "/pages/my/recharge.json"

我没有定义recharge-uni-forms-item-default 这个组件,但是在小程序提示这个错误。只要重新启动服务这个问题就没了。编辑代码保存,自动加载过一会就出现了,这个问题是偶现的,频率很高

2023-04-21 09:32 负责人:无 分享
已邀请:

该问题目前已经被锁定, 无法添加新回复