黑马优购-微信小程序今日巧合连续剧

报错

文件查找失败:'./subpkg/goods_detail/goods_detail.vue'
当时真的找这个报错原因都快找疯了,搜了很多次也没搜到,uni-model组件也是很成功的配置上去了,真的找不到其他的原因了,查找官方文档把能试的方法都试了,你敢信,居然是这个地方粗心忘了改成分包了!!!!
在这里插入图片描述
我当时突然间发现的时候真的人都要炸了,从一开始就找错了地方
关键是这个真的很容易犯,因为没有办法查看这个文件是不是放在分包下面的,而且我从一开始就搞错了顺序导致pages不是自动生成的是我自己手打上去的,于是一个又一个巧合……/裂开

这还没完,且听我细细讲来……

vue使用错误

刚开始没有显示楼层但是其他都显示了的时候我以为是意外,关机后去吃饭了,回来后打开就报上面的错误了,但是当时我以为是view的问题,毕竟关机前并没有报错,让我觉得是卡了刚才没报错而已,于是我就改来改去,最后才去搜报错

巧了,刚好我把view放在循环外面了,等于是那个图片根本显示不了

等我把分包的事情搞定后再回来看页面发现还是什么也没有,于是继续骤紧眉头找错误(因为一个报错也没有)
我当时就那了闷了,完全不知道到底哪错了,急的我呀

但是呢,我并没有发现这个错误,只是在各种剪切粘贴(碰巧回到了正确的位置),然后突然间给我报了一个错误
pected css(css-lcurlyexpected
但是网上给的答案是要把这个改成Vue
在这里插入图片描述
但是我的没错啊,然后我就开始暴躁了,是真的找不到,最后找到的时候我被我自己气笑了————我scss写的这样的

:style="{width: item.product_list[0].image_width;}"

因为我刚接触scss,照着视频敲得难免会眼瞎,实际上应该这样

:style="{width: item.product_list[0].image_width + 'rpx'}"

真的好好记录一下自己干的蠢事
但是还没完,因为在找报错原因的时候我又把view放在外面了,诶,你说巧不巧……

view楼层不显示

vue的解决后还是不显示,我都已经无奈了,当时只显示这些
在这里插入图片描述
各种调试之后突然间意识到在循环之外是没办法显示的,但是倒腾了好久我仍在原地晃悠没想到这个点
之后好歹是出现画面了,没想到又给我一个当头一棒

重复的图片

在这里插入图片描述
我不明白为什么会出现两个,两个box的image路径也不一样啊,我冥思苦想,最后发现第二个box我没写这个,第一个图片是一样的

v-if="i2!==0"

到这你以为完了吗?没有

scss的display:flex好像没有用了

具体表现为
在这里插入图片描述
右边的图片貌似怎么输入scss都不能改变它的样式,我甚至从scss区域改到style从style改到:style都没有用,我删一个加一个来试是否有效果,发现没有任何变化,最后我选择放弃去调试,用我的脑子仔细思考了一下看能不能换个方式达到我需要的效果,然后就灵光一闪,突然间就意识到好像是忘了再套个view了

呜呜呜,我哭死,因为我的懒惰和粗心,我看着左右两个box差不多就ctrl+shift+down直接复制了,没注意看这个细节,直接被自己搞无语了

最后完成所有效果的时候我真的差点感动到流泪 /哭

最后

希望有缘人看到我这篇文章能以我为鉴,当然如果你是因为跟我犯了一样的错误才搜到这篇文章的,我也很高兴给你节省了时间,这种痛苦还是由我来承受就好了,真的但凡有一个点没巧合上,我今天都不会这么难受,真的以后我绝对不能再犯了,一定要细心再细心

  • 24
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
uni-app是一种基于Vue.js的跨平台开发框架,可以用于开发微信小程序、H5、App等多个平台的应用。《优购商城项目》是一个基于uni-app开发的微信小程序商城项目。 要实现《优购商城项目》,首先需要配置uni-app的开发环境。可以使用HBuilderX作为开发工具,它提供了丰富的功能和插件来辅助开发。然后需要获取微信小程序的APPID,这是小程序的身份证明,是唯一的。可以在微信开放平台上注册一个小程序并获取到APPID。 接下来,可以在HBuilderX中创建一个新的uni-app项目。在菜单栏中选择文件 -> 项目 -> 新建选择uni-app,填写项目名称并指定项目创建的目录。然后选择微信小程序作为目标平台,并填写小程序的APPID。这样就可以开始在uni-app上开发《优购商城项目》了。 在开发过程中,可以使用uni-app提供的丰富组件和API来实现商城功能,比如商品展示、购物车、订单管理等。可以使用uni-app提供的跨平台能力,一次开发即可在多个平台上运行。在开发完成后,可以将项目打包成微信小程序并在微信开发者工具中进行调试和发布。 通过以上步骤,就可以利用uni-app开发微信小程序实现《优购商城项目》了。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [微信小程序--优购商城项目(1)](https://blog.csdn.net/ljn1046016768/article/details/124043924)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [uniapp微信小程序实现《优购商城项目》](https://blog.csdn.net/qq_64102392/article/details/131212823)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值