wepy+vant-weapp项目中wepy build --watch 不会自动监听文件的变化解决方案

描述:

编辑器:vscode+小程序编辑器
情况:src下index文件夹中新建一个detail.wpy文件,然后去app.wpy中config/pages配置路径,发现小程序并未同步此次更新。
番外:本来就是临时上阵,wepy+vant-weapp都没用过,看着文档开发,加之小程序vue以往经验,举步维艰艰难前行。这俩都是大坑B,本来还能忍,直到今日偶遇此bug,心态爆炸。我不得不一行一行的看wepy官方文档,以及GitHub案例

如图所示:

在这里插入图片描述

友情提示:
重要

千万不要删weapp文件夹,千万不要删weapp文件夹,千万不要删weapp文件夹也不要有任何文件删除修改,只能添加文件。

不同步原因:

先再app.wpy/congif/pages,添加了pages/index/detail路由,但是项目内没有对应文件,小程序这个憨憨自动给你生成对应文件(wepy dev||yarn dev情况下),此文件鸠占鹊巢,导致你在项目中实际建了detail.wpy文件时,weapp文件自动生成没能覆盖内部的detail(wxss,wxml)等文件。

解决方法:

第一步:删除src中的detail.wpy文件,删除app.wpy中config/pages中的路由。

第二步:重新新建detail.wpy。(一定要先建好.wpy文件)

第三步:设置app.wpy中config/pages中的路由(最好尾部添加路径,不要写在第一个)。

第四步:wepy build --no-cache || yarn build --no-cache重新构建,此步就是类似于vue的yarn build

第五步:yarn dev || wepy build --watch || yarn build --watch,此步就是类似于vue的yarn dev

第六步:在小程序编辑器中打开项目,小程序会自动读取项目中的weapp文件夹,如果报错,就点击编辑按钮,刷新编译几次。

番外:执行以上后,vscode和小程序编辑器也同步了,但是小程序编辑器缓存异常严重,不执行新改的代码,清缓存也没有用(wepy clean || npm run clean || yarn clean ),此时就只能通过小程序编辑器,打开指定页面去开发了。难受啊马飞飞!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

刘斩仙的笔记本

富贵险中求

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值