热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

VantWeapp小程序蹲坑Pageisnotcon

问题完整的错误提示应当是“Pageisnotconstructedbecauseitisnotfound”,对应截图如下:在纠结了N遍后,发现:dist路径下没有生成.vue.w

问题

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

Vant Weapp小程序蹲坑Page is not con

在纠结了N遍后,发现:dist路径下没有生成.vue.wxml文件!?
正常编译通过的dist路径下应当是生成.vue.wxml文件的,如下所示:
Vant Weapp小程序蹲坑Page is not con

即没有生成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


推荐阅读
  • 如何撰写PHP电商项目的实战经验? ... [详细]
  • HTML5大文件传输技术深度解析与实践分享
    本文深入探讨了HTML5在Web前端开发中实现大文件上传的技术细节与实践方法。通过实例分析,详细讲解了如何利用HTML5的相关特性高效、稳定地处理大文件传输问题,并提供了可供参考的代码示例和解决方案。此外,文章还讨论了常见的技术挑战及优化策略,旨在帮助开发者更好地理解和应用HTML5大文件上传技术。 ... [详细]
  • 深入浅出 webpack 系列(二):实现 PostCSS 代码的编译与优化
    在前一篇文章中,我们探讨了如何通过基础配置使 Webpack 完成 ES6 代码的编译。本文将深入讲解如何利用 Webpack 实现 PostCSS 代码的编译与优化,包括配置相关插件和加载器,以提升开发效率和代码质量。我们将详细介绍每个步骤,并提供实用示例,帮助读者更好地理解和应用这些技术。 ... [详细]
  • 该大学网站采用PHP和MySQL技术,在校内可免费访问某些外部收费资料数据库。为了方便学生校外访问,建议通过学校账号登录实现免费访问。具体方案可包括利用学校服务器作为代理,结合身份验证机制,确保合法用户在校外也能享受免费资源。 ... [详细]
  • Win10 S系统与Chrome浏览器兼容性问题分析
    2017年5月2日,微软在美国推出了最新的Windows 10 S操作系统,专为教育领域设计,旨在为教师和学生提供一系列高效的产品和服务。该系统的最大特点是其简洁的设计和快速的响应速度,然而在与某些应用的兼容性方面,特别是Chrome浏览器,仍存在一些问题。本文将深入分析这些兼容性问题,并探讨可能的解决方案。 ... [详细]
  • 在 Axublog 1.1.0 版本的 `c_login.php` 文件中发现了一个严重的 SQL 注入漏洞。该漏洞允许攻击者通过操纵登录请求中的参数,注入恶意 SQL 代码,从而可能获取敏感信息或对数据库进行未授权操作。建议用户尽快更新到最新版本并采取相应的安全措施以防止潜在的风险。 ... [详细]
  • Web开发框架概览:Java与JavaScript技术及框架综述
    Web开发涉及服务器端和客户端的协同工作。在服务器端,Java是一种优秀的编程语言,适用于构建各种功能模块,如通过Servlet实现特定服务。客户端则主要依赖HTML进行内容展示,同时借助JavaScript增强交互性和动态效果。此外,现代Web开发还广泛使用各种框架和库,如Spring Boot、React和Vue.js,以提高开发效率和应用性能。 ... [详细]
  • 在当前的软件开发领域,Lua 作为一种轻量级脚本语言,在 .NET 生态系统中的应用逐渐受到关注。本文探讨了 Lua 在 .NET 环境下的集成方法及其面临的挑战,包括性能优化、互操作性和生态支持等方面。尽管存在一定的技术障碍,但通过不断的学习和实践,开发者能够克服这些困难,拓展 Lua 在 .NET 中的应用场景。 ... [详细]
  • 微信小程序实现类似微博的无限回复功能,内置云开发数据库支持
    本文详细介绍了如何利用微信小程序实现类似于微博的无限回复功能,并充分利用了微信云开发的数据库支持。文中不仅提供了关键代码片段,还包含了完整的页面代码,方便开发者按需使用。此外,HTML页面中包含了一些示例图片,开发者可以根据个人喜好进行替换。文章还将展示详细的数据库结构设计,帮助读者更好地理解和实现这一功能。 ... [详细]
  • 深入解析Tomcat:开发者的实用指南
    深入解析Tomcat:开发者的实用指南 ... [详细]
  • 基于Node.js、EJSExcel、Express与Vue.js构建Excel转JSON工具:首阶段——Vue.js项目初始化及开发环境配置
    在近期的一个H5游戏开发项目中,需要将Excel数据转换为JSON格式。经过调研,市面上缺乏合适的工具满足需求。因此,决定利用Node.js、EJSExcel、Express和Vue.js自行构建这一工具。本文主要介绍项目的第一阶段,即Vue.js项目的初始化及开发环境的配置过程,详细阐述了如何搭建高效的前端开发环境,确保后续功能开发的顺利进行。 ... [详细]
  • 在优化Nginx与PHP的高效配置过程中,许多教程提供的配置方法存在诸多问题或不良实践。本文将深入探讨这些常见错误,并详细介绍如何正确配置Nginx和PHP,以实现更高的性能和稳定性。我们将从Nginx配置文件的基本指令入手,逐步解析每个关键参数的最优设置,帮助读者理解其背后的原理和实际应用效果。 ... [详细]
  • C++ 异步编程中获取线程执行结果的方法与技巧及其在前端开发中的应用探讨
    本文探讨了C++异步编程中获取线程执行结果的方法与技巧,并深入分析了这些技术在前端开发中的应用。通过对比不同的异步编程模型,本文详细介绍了如何高效地处理多线程任务,确保程序的稳定性和性能。同时,文章还结合实际案例,展示了这些方法在前端异步编程中的具体实现和优化策略。 ... [详细]
  • PHP预处理常量详解:如何定义与使用常量 ... [详细]
  • 线程能否先以安全方式获取对象,再进行非安全发布? ... [详细]
author-avatar
台州路桥古筝音乐家教
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有