Vant Weapp小程序蹲坑Page is not constructed because it

Posted 2021-02-08

问题

完整的错误提示应当是“Page is not constructed because it is not found”，对应截图如下：

在纠结了N遍后，发现：dist路径下没有生成.vue.wxml文件！？
正常编译通过的dist路径下应当是生成.vue.wxml文件的，如下所示：

即没有生成index.vue.wxml，其他几个文件都生成了。

从错误的字面意思上分析是“页面没有构造成功，因为没有找到它”。前面二十多个页面都通过了，其基本框架与思路与之一致，而且前面的调试过程中也迈过了不少“坑”——又被一块表面上看上去没有“坑”的地面被挡住了！以前也有过这种情形，这种感觉特别难受，有点“求生不得，求死不能”的“快感”。

初步解决

说是“初步解决”，是我解决了这个问题，但根本的病根还无法最终判定。我的办法是使用了最无奈又最有用的办法——从零开始。其实，这种办法与用注释大块文件内容的思路差不多，但还是有所不同。不过再次真正更体会到下面的名言的分量：

“纸上得来终觉浅，绝知此事要恭行”
不是久经卧雪踏冰从“坑”中滚打出来的程序员恐怕不是什么好程序员吧。

具体做法很简单。我把已经通过的页面对应的三个文件（index.vue main.js main.json）复制到那个出问题的页面对应的文件夹下（此前的三个存在问题的文件先被我转移到了另外一个‘安全’的所在）。
之后，我重新编译运行：通过。切换到小程序开发者工具中测试那个页面——表面上调试通过（其中这三个文件对应的内容根本不是我最终想要的）。
之后，我再小心地把现在无用的内容小心一块一块地删除——只保留必需的框架，然后小心地把三个存在问题的页面的内容一小部分一小部分地复制到现在对应的三个文件中。最终，通过了！！！

你说是哪里的问题？我没有考虑早期调试VC程序时使用的对两个文件进行（使用某种工具）完全比较的办法，只是我先前尽量把屏幕上的文本放大的让人兴奋和“有把握”也没有发现“端倪”。因此，现在的结论也只是初步，有兴趣的朋友可以参考一下：

（1）在WebStorm中使用npm run dev编译通过的所谓“编译通过”坑人不浅，各位须有所警觉——你的代码中可能还有很多很的“坑”；真正在下一步的小程序开发者工具中通过才算是没有问题。

（2）很有可能我在中英文不断切换过程中不小心输入的某些中文字符导致问题，只是JS这边的编译器没有发现？

总之，解决上述问题浪费了不少时间。各位参考一下吧。

最后，顺便说一下，在网络搜索与调试过程中，尽管参考了文后的一些链接，但是根本不是那么回事（我的小程序开发者工具是最新版本的1.02.1901230）。但是，还得感谢这些朋友的一些思路分析。

参考

https://blog.csdn.net/juse__we/article/details/82967264
http://html51.com/info-68971-1/
https://blog.csdn.net/wangxinxinsj/article/details/86589362