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