HBuilder X中新建uni-app项目中的Hello uni-app模板后，自己添加的页面为什么运行时不显示，找不到入口？

最新推荐文章于 2023-08-26 09:16:42 发布
最新推荐文章于 2023-08-26 09:16:42 发布
阅读量2k 收藏 1
点赞数 1
分类专栏： uni-app 文章标签： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Jimmmyking/article/details/118732811
版权

在HBuilderX中新建了一个uni-app项目，然后选择了Hello uni-app模板进行测试编译，发现自己在pages目录下新建一个my-test文件夹后在此文件下进行编写测试，发现运行起来没有自己的测试文件，这是怎么回事？

解决方案：(以下图为例)
在这里插入图片描述
在这里插入图片描述

因为是在别人写好的模板下添加，所以需要找到项目中对应的 src->pages.json，在里面添加对应的路径，随后在pages下找到上图中内置组件的文件（src ->pages -> tabBar -> component -> compontnent.nvue），添加自己的测试文件等相关信息即可（如下图）
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

通过以上的设置就可以完成了！！！

小金的口袋
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
一个简单的HBuilder
03-12
利用HBuilder实现了一个简单的用户注册，登录，读取数据库中数据的功能(服务器和数据库需要自己搭建)。代码是企业实习安卓开发做的，做的一般般。我就是上传来玩一下。
uni-app-in-action:uni-app实战
03-30
单一应用程序 uni-app实战 cli $ yarn global add @vue/cli # $ npm i -g @vue/cli $ vue -V # @vue/cli 4.5.6 $ vue --version # @vue/cli 4.5.6 $ vue -v # ??? $ vue create -p dcloudio/uni-preset-vue test-app # hello uni-app ??? $ vue create -p dcloudio/uni-preset-vue default-app $ vue create -p dcloudio/uni-preset-vue default-ts-app $ cd test-app && yarn serve
第3讲 uni-app之HelloWorld实现（视频教程）
02-21
第3讲 uni-app之HelloWorld实现（视频教程）
HBuilder X 项目开发指南：基础入门及其可用插件推荐
热门推荐
weixin_43263566的博客
10-12 1万+
使用 HBuilder X 写项目
使用uniapp进行多端开发时，HbuildX运行到微信开发者工具报错如下图：
weixin_47025422的博客
01-30 221
使用uniapp进行多端开发时，HbuildX运行到微信开发者工具报错
探讨uniapp的页面问题
最新发布
一个搬砖工人
08-26 1941
接下来我们介绍onLoad、onReady、onShow的先后关系，页面加载的详细流程。uni-app框架，首先根据pages.json的配置，创建页面。所以原生导航栏是最快显示的。页面背景色也应该在这里配置。根据页面template里的组件，创建dom。这里的dom创建仅包含第一批处理的静态dom，对于通过js更新data，然后通过v-for再创建的列表数据，不在第一批处理。要注意一个页面静态dom元素过多，会影响页面加载速度。
uni-app入门学习
An_Cool_bree的博客
06-28 850
什么是 uni-app 1.1uni-app是一个使用Vue.js开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。 官方的体验例子： 1.2uni-app在跨端数量、扩展能力、性能体验、周边生态、学习成本、开发成本等6大关键指标上拥有极强的竞争优势 。 跨端数量更多 平台能力不受限 性能体验更优秀 周边生态丰富 学习成本低 开发成本低 1.3功能框架 使用 uni-...
uni-app uni-icons图标不显示问题
2201_75783276的博客
03-30 4808
这项改成false。
uni-app开发应用，Android Studio 本地打包发布
hymlx526的博客
05-18 3463
打包支持安卓4.4、uni-app
uni-app使用countdown插件实现倒计时
01-18
首先新建一个项目，选择uni-app，模板选择hello-uniapp，里面有官网的组件可以直接使用。创建之后将components整个文件夹复制到自己的项目中。 在需要使用倒计时的页面引入组件 [removed] import uniCountdown ...
uni-app入门
01-08
一、什么是uni-app uni-app 是一个使用 Vue.js开发所有前端应用的框架，开发者编写一套代码，可...选择模板 （初次体验可以选择hello uni-app 项目模板） 创建中。。。 创建完成之后根据提示进入项目就可以啦 文件目
uni-app启动微信开发者工具
01-03
在微信开发者工具里运行：进入hello-uniapp项目，点击工具栏的运行 -> 运行到小程序模拟器 -> 微信开发者工具，即可在微信开发者工具里面体验uni-app。 如果是第一次使用，需要先配置小程序ide的相关路径，才能运行...
uni-app中正则表达式验证手机号，身份证号输入格式是否正确
Jimyking的博客
10-24 3923
在用户提交信息的时候通常会输入手机号之类的，所以需要前端在提交的时候验证其输入的格式是否正确，以是在uni-app项目中，仅展示验证部分内容 手机号： let reg = /^[1][3,4,5,7,8,9][0-9]{9}$/ //正则表达式定义手机号正确格式 if (!this.tele) { //判断如果手机号（this.tele）为空，提示用户输入手机号 uni.showToast({ title: '请输入手机号', icon: 'none' })
uni-app中组件picker的基本使用（日期选择器为例）
Jimyking的博客
07-08 3734
例：需要在下图“自定义日期”中使用日期选择器 （图一） 首先我们可以在template中引入组件picker中的日期选择器部分代码: 效果图：（单独分出来编辑的）点击自定义日期后显示一下效果，颜色切换为蓝色，当点击图一中的其他按钮时被点击的按钮颜色发生切换，自定义按钮颜色会回复默认 ...
uni-app 使用API中的uni.chooseImage 上传照片以及uni.previewImage图片预览（身份证照片为例）
Jimyking的博客
08-04 2122
在uni-app项目中通常需要用户上传照片，如下图所示： 代码如下： <template> <div class="container"> <div class="user-info"> <div class="id-info">身份证照片</div> <div class="tips">*请上传本人的身份证照片（单张照片限制1M以内）</div> <div> <img
通过vue在uni-app中设置当前北京时间（动态时间）
Jimyking的博客
08-02 1102
在项目中通常需要在页面中显示当前时间，具体代码如下所示： <template> <div class="container"> <div class="times"> <span>{{ hour }} : {{ minutes }}</span> <span style="font-size: 38upx;margin-left: 10upx;;">{{ seconds }}s</span> </
uni-app（Vue）中(picker)用联动（关联）选择以至于完成某些功能
Jimyking的博客
11-03 728
如下图所示，在项目中需求是通过首先选择学生的专业，选好之后在每个专业下面选择对应的学期，每个学期有对应的学费，因此就需要联动选择来实现这一功能。 以下仅展示此功能主要代码： <div class="item"> <div class="item-left"> <span class="star">*</span> <span>目标专业 :</span> </div> <pi
uni-app项目创建
07-28
你可以按照以下步骤创建一个uni-app项目： 1. 安装HBuilderX：HBuilderX是一个基于VS Code开发的跨平台开发工具，用于uni-app项目的开发。你可以在HBuilderX的官方网站上下载并安装它。 2. 打开HBuilderX并选择新建项目：打开HBuilderX后，选择左上角的“新建项目”按钮，然后选择“uni-app”模板。 3. 选择项目模板：在新建项目窗口中，你可以选择不同的项目模板，如默认模板、Hello uni-app模板等。根据你的需求选择一个合适的模板。 4. 配置项目信息：在配置项目信息的步骤中，你需要填写项目的名称、保存路径、创建类型等信息。确保填写正确并点击“创建”按钮。 5. 等待项目创建完成：HBuilderX会自动下载uni-app的依赖包，并创建项目文件结构。等待项目创建完成后，你可以开始开发你的uni-app项目了。 这些是创建uni-app项目的基本步骤。你可以根据实际需求进行进一步的配置和开发。希望对你有所帮助！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值