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

描述:

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

如图所示:

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

友情提示:
重要

千万不要删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 ),此时就只能通过小程序编辑器,打开指定页面去开发了。难受啊马飞飞!

你可能感兴趣的:(微信小程序,vant-weapp,wepy,小程序,build,dev)