在uni-app项目的pages下添加新的vue文件，生成的dist文件里，没有

最新推荐文章于 2024-09-13 19:25:57 发布
最新推荐文章于 2024-09-13 19:25:57 发布
阅读量1.1k 收藏 1
点赞数
分类专栏： vue 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/orangapple/article/details/109182957
版权

在pages下，添加了echarts/echarts.vue, 生成的dist里没有这个文件，是因为要在 pages.json里添加一下就好了：

{
        "path": "pages/echarts/echarts",
        "style": {
            "navigationBarTitleText": "曲线图"
        }
    },

 

orangapple
关注
专栏目录
uni-app框架中pages.json的配置
wangxiang__的博客
05-21 1万+
属性 类型 必填 描述 globalStyle Object 否 设置默认页面的窗口表现 pages Object Ayyay 是 设置页面路径及窗口表现 tabBar Object 否 设置底部tab表现 condition Object 否 启动模式配置 以下是包...
uni - app 的 pages.json 文件页面配置与全局配置
qq_25906119的博客
01-31 2251
uni - app 配置文件学习
vscode中uniapp项目无法编译生成dist 也不报错的解决办法
domyself918的专栏
01-04 968
我寻思这manifest.json我也没改啥啊，但是当我还原回项目自带的manifest.json后，一切又都好了。毫无提示，当下就觉得不对劲，果然在微信开发工具里面看到编译后的代码的部分还是修改之前的代码，然后手动删除了dist文件夹，重新运行了指令，还是不行。在新建项目后，新项目本身是自带一些基础文件的，如package.json，manifest.json等。折腾半天，依旧不行，决定新建个项目，把代码一点点拷到新项目中去。啊，就是这个逗号导致我查了半天的错查不出来，😤。
Uni-app中的Vue
qq_41525746的博客
07-07 3456
首先理解uni-app文件结构 components uni-app组件目录，放可复用的组件 pages 业务页面文件存放的目录 static 存放应用引用静态资源（如图片、视频等）的地方，注意：静态资源只能存放于此 App.vue 应用配置，用来配置App全局样式以及监听应用生命周期 main.js Vue初始化入口文件，详见 mainfest.json 配置应用名称、appid、logo、版本等打包信息，详见 pages.json 配.
打包项目时图片未在 dist/assets/ 目录下的原因
最新发布
jjghg的博客
09-13 890
在进行前端项目的构建和打包过程中，我们经常会遇到各种奇怪的问题。其中一个常见的问题是：在打包后，项目的图片资源并没有出现在预期的 dist/assets/ 目录下。经过排查，发现这可能与 build.assetsInlineLimit 配置项有关。
Uniapp 导入 Vant 组件库
艺俊的博客
05-30 7947
Uniapp 导入 Vant 组件库 Vant Weapp 开发文档 Vant Weapp - 轻量、可靠的小程序 UI 组件库 创建 wxcomponents 目录 在 uniapp 项目的根目录下，创建一个新的 wxcomponents 目录 下载 vant-weapp 项目 $ git clone git@gitee.com:vant-contrib/vant-weapp.git 下载下来后，把 vant-weapp 项目下的 dist 目录整个拷贝到上面新建的目录 wxcomponets 中，并
uni-preset-vue模板
12-24
【uni-preset-vue模板】是专为uni-app框架设计的一个预设模板，它简化了开发者在使用uni-app时的项目初始化过程，提供了基础的项目结构和配置，使得开发跨平台移动应用变得更加便捷。uni-app是由DCloud（即数字天堂...
uni-app+uview+vuex+分包环境搭建
03-07
6. 分包配置：在unpackage/dist/mp-alipay/pages/index/index.json和unpackage/dist/mp-toutiao/pages/index/index.json等不同平台的配置文件中，定义主包和子包路径。 通过以上步骤，一个集成了uni-app、uView UI...
uni-app系列（一）用cli创建支持Vue3Vite的uni-app项目
m0_67401153的博客
03-05 453
更新HBuilderX编译器到3.3.0+，HBuilderX 3.3.0+的编辑器支持基于 Vite 编译到小程序平台。 至此，uni-app在App/H5/小程序全平台支持Vue 3.0开发，且全平台支持Vite编译器。 用cli创建支持Vue3/Vite的uni-app项目 1、命令行创建 Vue3/Vite 工程 # 创建以 javascript 开发的工程 npx degit dcloudio/uni-preset-vue#vite my-vue3-project # 创建以 types
基于JavaScript+Vue+SCSS的uni-app快速开发模板
02-17
1. **项目结构**：包括src目录下的assets（资源文件）、components（组件）、pages（页面）、static（静态资源）、App.vue（全局配置）、main.js（入口文件）等。 2. **配置文件**：如unpackage下的dist、manifest....
【uniapp】如何引入第三方的组件-------详解
motility_scy的博客
08-23 1万+
第三方的组件引入要符合uniapp的组件规范，首先一点就是要明白是否允许你这样做。 第一步：在这里我们要看清除，他的组件存放名称，一定要写正确，建议复制，然后在自己项目根目录下面进行创建该名称的文件夹 第二步：去插件商城或者组件官网下载组件压缩包zip 第三步：根据自定义组件引入的规则把压缩出来的vant文件夹存放到根目录下，具体看第一步 第四步：这一步就是在我们需要引入组件的页面组件上，按照规范引入组件，这个dist文件夹可以创建，也可以不创建，但是不影响我们组件的使用，根据个人需要 第五步：这个
echarts需要的js文件为dist目录下的echars.js或echarts.min.js
10-23
echarts的所有文件包，需要的js文件为dist目录下的echars.js或echarts.min.js
uni-app首页开发以及组件
Aurora_1970s的博客
11-08 899
uni-app首页开发以及组件 uni-app中的基本组件和微信小程序中的差不多。更适合在手机端的开发。 1.自定义组件prolist 在pages的同级目录下新建一个文件夹components，然后在里面新建一个prolist的文件夹，里面新建prolist.vue，在prolist.vue中写上自定义内容可以在home.vue中直接引用，不需要导入操作(详见easycom)。如下图： 如果还有其他自定义组件，就按照格式在components文件夹下先新建一个组件名的文件夹然后在写vue文件。 2.
解决vue文件打包后不显示问题
qiankui的博客
02-24 5745
使用npm run build后，直接运行dist目录下的index.html出现如下图所示的错误 解决方案： 在VUE根目录下新建一个vue.config.js文件，这是VUE规定的，用来修改build的相关配置文件 module.exports={ //是开发模式的时候，获取当前路径下的地址，是测试或者开发模式的时候，用/获取地址 baseUrl:process.env.NO...
obj模型 vue_uni-app npm 包手机端运行报错（vue-3d-model）
weixin_33264203的博客
12-29 840
详细问题描述最近想在uni-app中使用 vue-3d-model 来展示3D模型，npm安装包后，在 Chrome 中调试完美运行，但是换到手机端(iOS)j就会报错。重现步骤[步骤]按官网的步骤通过npm安装 vue-3d-model ：npm init -y && npm install vue-3d-model --save在pages/index/index.vue 中添...
uniapp引入 vant
热门推荐
weixin_37391237的博客
03-15 1万+
2.创建 uniapp 项目,在根目录下新建 一个文件夹wxcomponents ，将下载好的压缩包中的 dist 文件夹放到 wxcomponents 里, 推荐将 dist 重命名为 vant,方式二：通过npm install 方式引入 npm i @vant/weapp -S --production。下载对应版本的压缩包,将文件解压后备用,确保下载的压缩包里有dist 文件夹。4.在pages.json页面将vant的组件注册到对应的页面。一、下载vant源码。
vue打包不生成dist文件夹（IDEA使用命令行npm run build命令打包）
qq740874037的博客
07-04 9404
使用IDEA进行vue打包导致的不生成dist文件夹或打包部署不生效问题
.gitignore文件说明
weixin_43974311的博客
09-11 907
一、简绍 我们做的每个Git项目中都需要一个“.gitignore”文件，这个文件的作用就是告诉Git哪些文件不需要添加到版本管理中。比如我们项目中的npm包(node_modules)，它在我们项目中是很重要的，但是它占的内存也是很大的，所以一般我们用Git管理的时候是不需要添加npm包的。 二、常用的规则 /mtk/ 过滤整个文件夹 *.zip 过滤所有.zip文件 /mtk/do.c 过滤某个具体文件 以上规则意思是：被过滤掉的文件就不会出现在你的GitHub库中了，当然本地库中还有，只是push的时
vue项目中运行npm run dev不生成dist文件
m0_53691136的博客
11-07 916
vue项目中运行npm run dev不生成dist文件
用vue+uni-app写一个小程序
04-01
您可以在pages文件夹中创建一个新的.vue文件。 3. 编写页面：在.vue文件中，您可以使用Vue.js的模板语法和组件来构建页面。您可以在页面中添加样式、事件处理程序和数据绑定。 4. 预览小程序：在终端中运行以下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

orangapple

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值