HbuiderX 打包Vue-cli3项目遇到的问题小结

最新推荐文章于 2024-01-18 09:23:11 发布
最新推荐文章于 2024-01-18 09:23:11 发布
阅读量772 收藏
点赞数
文章标签： js vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_47251040/article/details/106479483
版权
本文总结了使用HbuilderX打包Vue-cli3项目时遇到的四个问题及解决方案：npm run build时的UnhandledPromiseRejectionWarning错误、打包后index.html空白、HbuilderX打包时显示“配置正在加载中”以及打包后跨域问题。通过关闭eslint检查、捕获错误、检查引入样式文件、修改配置文件和处理跨域设置等方法，成功解决问题。
摘要由CSDN通过智能技术生成

HbuiderX 打包Vue-cli3项目遇到的问题小结

小白一只，最近做了一个简单的vue-cli3的h5应用，在打包时遇到了一些问题，在网上看了很多的博客，也在b站上看了视频，总结一下解决方法。

一、npm run build时运行错误：UnhandledPromiseRejectionWarning

在npm run build时出现如下错误（仅报错提示开头部分代码），可以猜到是css编译错误

Error processing file: static/css/app.177e6d2d6d0941286b88c12c8a54f11f.css
(node:13952) UnhandledPromiseRejectionWarning:CssSyntaxError

看了好多大佬的回答，尝试解决，已经检查过项目代码中css，没有用//注释的样式

1.在webpack.base.conf.js 关闭eslint检查

const
最低0.47元/天 解锁文章
m0_47251040
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于使用hbuilder 打包vue的问题
yq_oxygen的博客
09-22 8539
这几天心血来潮，把之前做的vue应用用Hbuilder做成app，之中出现几个问题，现记录下来，以供大家参考： 1. 打包后，真机调试出现白屏： 1） 先在本地查看是否webpack后有语法错误，我的代码webpack后 会变成 中间空格没了，导致报错。 2） 确定代码没问题的话，一般就是打包的路径出了错： 在config文件中的index.js中，将 build 的 ass
解决HBuiderX打包vue项目为app后，cookie不能读写问题
ZHIYUANfL的博客
05-31 3293
我之前习惯将token及用户信息等存到cookie，发现HBuiderX打包vue项目为app，运行之后cookie不能读写。 后来换成存储localStorage可以解决 window.localStorage.setItem(name,value) window.localStorage.getItem(name) ...
教你如何3分钟把VUE项目打包成apk，真的只要3分钟
热门推荐
邓占勇的博客
11-03 1万+
前提准备 使用vue-cli3搭建的项目 工具 HBuilder X，他的图标长这个样子，点击下载 做前端的大多数小伙伴们都应该知道，使用起来轻巧、急速，但是他主要是针对于VUE生态打造的，相对于 vscode 缺少了丰富的插件支持以及多语言编译的支持。但是它也有vscode无法满足的功能，比如说今天我们就要用它来把vue项目打包为 apk。 打包步骤 执行 npm run build 打包vue项目 下载并安装HBuilder X 依次点击文件》新建》项目，选择 5+APP(A) 选项，并填写好项目名
Hbuilder打包web项目为app时，下载文件失败问题解决
weixin_39150852的博客
01-12 1988
问题描述：vue开发的h5项目，在pc端浏览器和手机浏览器上下载文件没有问题，使用hbuilder打包成apk在手机上运行，下载文件时弹出如下页面： 解决方案： downloadPdf (item) { var system = { win: false, xll: false }; //检测平台 let p = navigator.platform; system.win = p.indexOf("Win") === 0; system.x11 =
Hbuilder打包web项目为app时，下载文件失效，下载出现问题解决
qq_42458992的博客
07-01 3441
问题描述：我是将我的web项目使用hbuilder打包成apk安装在手机上，然后使用下载功能的时候，跳转到报错页面，但是在pc端浏览器和手机浏览器上没有问题，报错页面如下： 其实这是因为使用a链接发送请求下载文件时，默认会有短暂跳转到空白页的行为，但是我后面使用form，以及iframe方式下载，虽然可以下载，但是我在手机上找不到文件位置，这样，软件又需要自动打开刚才下载的文件，不然用户找起来很费劲。 于是，我搜集了很多资料终于完美解决了这个问题。 思路：在下载文件，如点击a链接时，让它跳转到外部浏览器上
vue-cli3项目升级到vue-cli4 的方法总结
10-15
主要介绍了vue-cli3项目升级到vue-cli4 的方法总结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vue-cli3中配置alias和打包加hash值操作
10-14
Vue CLI 3 是一个强大的工具，用于快速搭建 Vue.js 项目。它提供了许多自动化构建配置，使得开发者可以更专注于编写应用程序本身，而不是繁琐的配置。本文将深入探讨如何在 Vue CLI 3 中配置 `alias` 和添加 `hash` ...
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
vue-cli3-template：基于Vue-cli3建造的脚手架项目模板
01-31
项目介绍基于Vue-cli3建造的前端开发脚手架项目模板，主要包括以下内容：Webpack4.x性能调优配置，Vue.js全家桶，移动端vw适应，单元测试等功能，可以参考，欢迎大家围观指教！项目特点特征 巴别塔 VueRouter 威克斯...
详解项目升级到vue-cli3的正确姿势
12-02
在将项目从旧版本的 Vue CLI 升级到 Vue CLI 3 时，需要遵循一定的步骤以确保顺利过渡。以下是升级过程中可能遇到的关键知识点和解决方案： 1. **创建新项目并迁移源码**： - 首先，创建一个新的 Vue CLI 3 项目，...
hbuilder 创建 vue cli项目npm run dev报错解决方式
假装是个web dog
07-25 3145
用hbuilder 创建好项目，准备运行，但是报错 原因据说是缺少依赖；所以需要初始化项目 第一个方法是： 1、vue init webpack -g （按步骤创建项目就行） 第二个方法据说是 （我没试） npm run build npm run serve ...
Vue脚手架通过npm安装失败原因
weixin_50701798的博客
04-04 5318
Vue脚手架通过npm安装失败原因 当我们通过npm install @vue/cli -g在终端中全局方式安装脚手架的时候如果出现安装失败，解决方法有： 1、我们打开终端窗口“命令提示符”窗口时以管理员身份打开。 2、如果还不管那就输入这个命令：npm clean cache -force 来清理一下我们安装失败的特定文件夹。 3、如果还是不行，那我们就手动删除这个文件夹： 找到“npm-cache”文件夹直接右键删除即可。然后我们再去终端输入npm install @vue/cli -g 安装一次脚
HBuilder X 创建vue 遇到的坑 命令行创建 vue 项目
qq_28134589的博客
09-23 1477
最近使用 HBuilder X 创建vue发现有很大的坑 就是各种报错 下载的目录也不全 总之就是各种坑 咱也不会用啊 ，总之是不太友好 于是就想到 直接用命令行创建 vue init webpack + 项目名称 就 OK
HBuilderX 运行项目报错Error: Cannot find module ‘ansi-colors‘
最新发布
github_39498347的博客
01-18 685
HBuilderX 运行项目报错
HBuilderX报Uncaught SyntaxError: Unexpected identifier 错误的解决方案
AndyYuan317的博客
03-11 6031
今天做H5应用的时候登录怎么都登不上去了，一直报Uncaught SyntaxError:Unexpected identifier 错误如下： 网上查询了很久发现解决方案是： 由于在代码中的变量中使用了let方法，这个在高版本的浏览器中是不会报错的，然后在低版本浏览器中（比如谷歌37）他就会报出上述的错误 Uncaught SyntaxError: Unexpected identifi...
hbuilderX运行Vue3/Vite版项目报错 error during build 解决方法
舜岳的博客
08-02 5789
m1pro编译vite/vue3cli项目时编译报错。
使用HBuilderX将vue或H5项目打包app
鹏仔工作室的秘密基地
08-23 4990
好久没有搞过将vue项目打包成app了，这两天刚好项目需要将vue开发的H5项目打包成APP，那就简单记录一次呗（之前也写过一篇打包app，是将项目使用hbuilder打开，转为webapp什么的，就可以直接打包了，现在不一样了，现在使用HBuilderX还是有些区别）。第二步：我们下载HBuilderX，可前往官网下载 https://www.dcloud.io/hbuilderx.html 下载好以后，打开并新建项目，选择 5+App 默认模板，如下图所示。第三步，我们打开新建项目的文件，如下图所示。
HBuilderX打包Vue为apk，安装之后主界面空白问题
flash_love的博客
11-17 5181
今天用HBuilderX打包Vue项目为apk，并安装到手机上，打开主页发现页面空白。 主要是打包配置问题，需要修改vue.config.js中配置问题。因为我用了Vue cli4.X版本，没有config文件，所以需要自己新建一个配置文件，并且配置项也稍微有点不同了，根据官网修正为最新的配置项。 vue.config.js module.exports = { publicPath:'./' } 同时，Vue的路由模式要改成Hash，而不是History模式 const router = new
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值