uniAPP项目如何进行打包H5及报错

最新推荐文章于 2024-08-02 09:34:46 发布
最新推荐文章于 2024-08-02 09:34:46 发布
阅读量2.1k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/LaoYangSaid/article/details/108595876
版权
本文介绍了uniAPP项目如何使用HBuiler软件进行H5打包，包括修改发布路径、设置标题和域名，以及打包后上传项目的步骤。同时，针对打包过程中可能出现的报错，提供了在manifest.json中设置publicPath和修改index.xxxxx.js中uniConfig.router.base的解决方法。
摘要由CSDN通过智能技术生成

uniAPP打包

使用HBuider软件进行打包

第一步:修改发布路径
在这里插入图片描述
第二步:发布打包
在这里插入图片描述
第三步:设置标题和域名
在这里插入图片描述
点击＂发行＂会自动进行打包,打包完成后打开生成的文件目录
在这里插入图片描述

第四步:上传项目
修改目录名称,如第一步所示我们的目标发布目录名称为”/info/”,则将目录名称改为info
在这里插入图片描述
在这里插入图片描述

u

最低0.47元/天 解锁文章
文阳兄
关注
uniapp本地打包使用支付宝支付报错：未添加payment模块，所用的模块包
04-01
在使用uniapp进行本地打包并集成支付宝支付时，可能会遇到一个常见的问题，即"未添加payment模块"的错误提示。这个错误意味着你的应用在尝试调用支付宝支付接口时，系统未能找到必要的组件或依赖。为了解决这个问题...
uniapp打包h5解决跨域以及上传到线上后报404问题
candyy5的博客
05-18 3243
【代码】uniapp打包h5解决跨域以及上传到线上后报404问题。
uni-app打包h5
我的博客
03-17 2882
   如果我们想打包成直接浏览的h5，我们需要配置manifest.json这个文件，在其中的h5配置中加入publicPath配置，配置如下：      代码为：   "h5" : { "publicPath": "./" },      配置好这个后，以后打包就会生产（./xxx）的引用，...
uni-app项目打包成H5部署到服务器
最新发布
qq_36158551的博客
08-02 3259
前端使用 uniapp开发项目完成后，需要将页面打包，生成H5的静态文件，部署在服务器上。这样通过服务器链接地址，直接可以在手机上点开来访问。将项目打包成H5部署到服务器，然后链接地址使用uni-app或者android的项目的web组件引用，可实现多项目的数据融合。
uniApp h5项目通过命令行打包，并生成指定路径、文件名称
askuld的博客
04-07 6019
第四步：将hb项目中 package.json文件中dependencies里面的依赖引入到copy过来的 package.json文件中；第一步：新建src文件夹，将一下文件放入src文件夹中。第二步：删除hb项目中除了src之外的所有文件。第七步：npm run build 打包项目。第三步：将cli项目中的以下文件copy过来。第一步：采用hbuilder新建一个项目。第六步：npm run dev运行项目。第二部：通过cli新建一个项目。回到主题，将hb项目作为基础，我们将hb的项目作为基础。
uni-app基础篇
linxuanasd的博客
04-10 1716
对vue的学习，通过这个会更好一些 首先来说，为什么会出现uni-app呢？ 就要从当前平台开发存在的的问题说起了，第一，多端泛滥，端很多，用户被分散，工程师需要适配的更多。第二，体验不好。第三，生态不丰富。 uni-app的产品特征 1.跨平台更多 并行的维护和升级，通过条件编译，跨端的过程中并不牺牲平台的特色。 2.运行体验更好 体验和小程序相同，引入了week原生渲染，效率高，使用局部渲染优化，其他部分还是用uni-app 3.通用的技术栈，学习成本低 使用的是微信小程序的api，以
uni-app项目 前端加前缀(包括页面及静态资源)
qq_20236937的博客
11-01 2782
uni-app项目 前端加前缀(包括页面及静态资源)
uniapp打包详细步骤和避坑指南
m0_72929120的博客
06-29 2200
（网站域名取对应项目的域名，一般为https/http开头）填完后直接点击发行。4.注意区别打包时的部署路径和请求接口的路径。配置---运行时的基础路径，2. 修改完后，点击。
uniapp移动端H5在线预览PDF等文件实现源码及注解
10-13
通过提供的源码和注解，开发者可以深入理解其实现机制，并在自己的项目中进行应用。 首先，我们需要了解uniapp的组件系统。uniapp允许开发者使用Vue.js语法，结合其提供的原生API，实现跨平台开发。在预览PDF的场景...
uni-app 打包为 H5 并上传服务器
01-08
本文主要介绍如何将uni-app项目打包为H5版本，并将其部署到Web服务器上。 **配置步骤** 1. **备份代码**：在进行打包操作前，为了防止意外情况导致源代码受损，建议先复制一份项目代码作为备份。 2. **修改...
uniapp H5 pdf、docx文档预览
04-07
在开发H5应用时，有时候我们需要提供对PDF和DOCX文档的预览功能，以便用户可以在浏览器中查看这些文件而无需下载。...需要注意的是，这只是一个基本的实现方案，实际项目中可能需要根据具体需求进行调整和优化。
基于uniapp项目进行开发的纯页面
04-13
标题中的“基于uniapp项目进行开发的纯页面”意味着这个项目是使用uni-app框架构建的，它是一个多端开发框架，允许开发者用一套代码编写应用，可以发布到iOS、Android、Web（H5）、微信小程序、支付宝小程序等多个...
HBuilderX\plugins\node\node.exe: --max-http-header-size=81920 is not allowed in NODE_OPTIONS
qq_33273556的博客
01-21 3921
HbuildX运行uni-app项目突然报错： HBuilderX\plugins\node\node.exe: --max-http-header-size=81920 is not allowed in NODE_OPTIONS 原因：Win10的一次更新引起的，Win10在系统环境变量中添加了node_options选项，删掉后就OK了！ ...
uni-app自定义打包目录package.json命令配置
知之为知之，不知为不知
02-18 9985
uni-app 使用 npm run build 命令打包，会根据环境生成不同的目录文件。 开发和测试环境会生成到 dev 文件夹，而生产环境则生成到 build 文件。 为了方便自动化部署，需要统一一下打包目录，需要修改一下 package.json 文件： "build:dev": "cross-env NODE_ENV=development UNI_PLATFORM=h5 UNI_OUTPUT_DIR=dist/build/h5 vue-cli-service uni-build", 增加
uniapp打包h5，白屏并报错Failed to load resource: net::ERR_FILE_NOT_FOUND
qq_48129943的博客
07-25 2545
配置manifest.json>h5配置中的运行基础路径，和manifest.json>源码视图中base保持一致即可。重新打包，进入就可以了。
打包报错Error: ‘default‘ is not exported by node_modules/qs/lib/index.js
xybhua的博客
11-20 4562
在使用rollup编译es6时，遇到报错Error: 'default' is not exported by node_modules\jquery\dist\jquery.js, imported by node_modules\bootstrap\js\src\util.js问题。安装@rollup/plugin-commonjs插件。最后，修改rollup.config.js文件中。
前端vue打包时遇到‘default‘ is not exported by node_modules/vue/dist/vue.runtime.esm-bundler.js, imported by
weixin_38225763的博客
09-23 9155
"module": "./es/index.mjs",如下图，之前的是"module": "./es/index.js"，文件类型改为mjs。主要原因是由于用到的组件进行npm i时默认使用的是vue2，不支持vue3，但是前端框架使用的是vue3，所以导致重构编码时会报错，
uniapp vue3版本引用 jsencrypt加密库报错：“default“ is not exported by……
RisunJan的博客
01-24 1742
个人产生这个异常的原因：将历史项目（vue2）的jsencrypt文件复制到新项目（vue3）里直接引用报错。存在兼容问题，需要重新安装vue3版本的jsencrypt。
uniapp vue3版本 Android 引用 jsencrypt加密库 报错问题 “default“ is not exported by，解决方法
范德萨的博客
06-12 4033
链接: https://pan.baidu.com/s/1JuwrWltoHNHMtmPiHtvymA?
uniapp打包h5 使用nginx部署 报错了caught SyntaxError: Unexpected token '<'
07-12
这个错误通常是由于在部署UniApp H5时，Nginx配置不正确导致的。出现这个错误的原因是，Nginx将请求的URL指向了一个不存在的文件，导致返回了一个HTML页面而不是期望的JavaScript代码。 要解决这个问题，你可以按照以下步骤操作： 1. 确保你的UniApp项目已经成功打包，并生成了对应的dist目录。 2. 检查你的Nginx配置文件（通常是nginx.conf），确保你已经正确设置了H5项目的根目录。例如： ``` server { listen 80; server_name your_domain.com; location / { root /path/to/your/dist; index index.html; try_files $uri $uri/ /index.html; } } ``` 在上述配置中，将`/path/to/your/dist`替换为你实际的UniApp H5项目打包后的dist目录路径。 3. 重启Nginx服务，使配置生效。 4. 现在尝试访问你的UniApp H5页面，看看是否还会出现报错。 希望以上步骤能够帮助你解决问题。如果还有其他疑问，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值