解决： 参考网址：https://www.cnblogs.com/wjhsmart/p/13563239.html ...
转载
2021-08-06 17:33:00
342阅读
2评论
对于vue刚入门的小伙伴可能会走了一个这样的过程： 跟着教程一步一个坑的搞好了手脚架用npm创建了一个vue项目；但是这时候你会发现当你直接在浏览器查看index.html的时候是空白的；然后你会发现命令行提示你本地的路径却是localhost：8080（对于找了半天原因的你，是不是很惊喜）。当然，惊喜还在后头呢；当你想正常（双击）去打开index.html文件的时候，得到的是一片空白，那是因为v
转载
2024-05-03 11:39:23
168阅读
一、vue项目1. 打包：npm run build
# 也可以指定配置文件
npm run build:prod打包后会在根目录的dist文件夹下生成静态资源，dist文件夹可通过修改配置修改为别的文件夹2. 新建nginx.conf：server {
listen 9000;
server_name localhost;
#charset koi8-r;
转载
2024-10-24 18:24:03
55阅读
webpack 是一个模块打包器。webpack 的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用。一、打包指令： npm run build结果：1.会将项目中 src 目录下所有的文件进行打包，打包到 dist 目录下2.目录结构：index.html 单页面应用的 html 文件static 当前单页应用中所有的静态资源
css: 当前项目中用到
# 教你如何打包 Vue 应用为 iOS 应用
如果你是一名前端开发者并且希望将你的 Vue.js 应用打包成 iOS 应用，那么你来对地方了！本文将通过一个完整的步骤指南来帮助你实现这个目标。我们将会用到一些工具和技术，比如 `Cordova` 或 `Capacitor`，它们可以帮助我们将 Web 应用转换为移动应用。
## 一、整个流程概述
下面是整个打包流程的概览，按照顺序分为几个步
在打包之前需要修改一个地方，那就是config->index.js文件，修改assetsPublicPath: '/'为assetsPublicPath: './',截图如下上面文件改好后，开始打包，执行如下命令： npm run build 生成 dist 文件夹1.使用 cordova 打包 （较为复杂，安全，需要配置环境） 第一步：安装cordova如果已经安装则直接跳过
转载
2024-04-15 14:53:29
0阅读
一、总体步骤流程概览二、脚本路径三、拉取Git代码1、配置需要Git打包分支全局变量 2、脚本说明stage('拉取Git代码') {
steps {
echo "\n--------------- 拉取Git代码 start ---------------\n"
// 拉取Git上的最新代码
git
转载
2024-04-28 16:15:37
109阅读
关于Vue - Webpack 项目打包出现的一些问题目前项目打包过程中出现了一些错误，折腾了一会，通过查阅资料解决了次相关的问题，特此记录。 归纳一下，打包过程中出现了2个问题 1、vue脚手架目录，config目录下index.js文件中，assetsPublicPath路径错误 assetsPublicPath: '/', 2、router开启了history模式，如果是本地打包后访问的话
引言前文中已经介绍了什么是cordova 为什么要用cordova，基础的环境搭建以及如何编译打包生成APK安装包，接下来我们介绍如何使用Jenkins 自动化编译打包生成APK安装包！服务器搭建在搭建jerkins之前首先需要一台服务器环境，一个虚拟机或者阿里云租一台，这里我以虚拟机为例子：准备一台虚拟机：系统为centosdocker环境的搭建docker 环境的搭建，docker是什么？为什
转载
2024-04-25 12:35:09
56阅读
## 使用 Vue 打包成 Android 应用的完整流程
将 Vue.js 项目打包成 Android 应用是一项很有意义的工作，这样你可以将网页应用转化为移动应用形式，便于用户在移动设备上使用。接下来，本文将详细介绍如何完成这一过程。
### 整体流程
以下是将 Vue.js 应用打包成 Android 应用的步骤：
| 步骤 | 描述 |
|------|------|
| 1
前面发布了很多文章向大家分享前端、小程序相关的知识，最近很多小伙伴说想看实操，这不就安排起来了吗！今天就给大家分享“Vue 项目转小程序”的实操干货。首先明确需求：开发者是想将已有的 Vue 项目转为小程序，在集成了 FinClip SDK 的 App 中运行小程序，那这里我们就需要关注以下两个注意事项：Web 项目是适合在手机等移动设备中运行的，屏幕已经兼容；H5 项目的代码是前后端分离的；在本
转载
2023-12-23 18:33:11
265阅读
一、vue单文件组件开发流程（webpack打包）1）源文件目录结构2）package.json3）webpack.config.js HTML Webpack Plugin依据html模板生成一个自动引用你打包后的文件（js或css）的新的html页面，新文件默认名称为index.html。 运行.vue文件，需要依赖vue、vue-loader、vue-template-compiler这
转载
2023-12-21 14:55:33
98阅读
需要下载HBuildX 软件步骤1编译自己的VUE项目 编译项目之前有很重要的步骤不能忘记将config文件夹里面的index.js中的 assetsPublicPath的值修改 为“./”webpack.prod.conf.js 中output添加参数publicPath:’./’在webpack.base.conf.js里publicPath: process.env.NODE_EN
转载
2023-05-24 16:25:24
529阅读
大家都知道VUE项目通过HBuilder X进行打包成APP，参考步骤：利用HBuilderX将vue项目打包成app大家打包过程会发现：勾选DCloud老版本正式（我使用的是HBuilder X2.8以上版本）都要求实名制了，比较麻烦，不想实名制，实名制后然后又要啥来着。然后就选择了“使用公共测试证书”选项，发现这个打包过程还是失败，还要求开通什么账号，可能还要付费之类的：以上方法行不通，没办法
在进行desktop打包过程中，遇到如下报错： 看到 stackoverflow 上面 http://stackoverflow.com/questions/35040729/running-npm-install-g-yo-command-gives-npm-err-windows-nt-6-1-
原创
2021-07-20 17:09:33
868阅读
项目"vue": "^2.7.14"版本起因：项目里安装了openlayers最新版本的地图插件，打包会成功，但是打包页面会有红色提示 刚开始根据红色提示百度找到相同错误的方法提供了的一系列提示安装啊，卸载，装了 node-module
转载
2023-08-28 11:24:02
480阅读
# Vue 3 项目打包失败的解决方案
在使用 Vue 3 和 Yarn 进行项目打包时，有时你可能会遇到 Voler 报错问题。本文将介绍这个问题的常见原因和解决方案，帮助开发者得以顺利完成项目打包。
## 一、环境准备
在开始之前，请确保你的开发环境满足以下要求：
1. **Node.js**：确保你安装了 Node.js（建议使用 Node.js v14 及以上）。
2. **Yar
问题：用Hbuilder打包app项目，运行后控制台出现Loading chunk chunk** faile
原创
2022-11-29 15:45:37
715阅读
原因是因为node-sass的版本过高； 方法一： 卸载重新安装低版本的内容 1.npm uninstall sass-loader 2.npm install sass-loader@5.0.0 （安装仍然报错，则可能是sass-loader需要依赖node-sass,因此安装yarn insta ...
转载
2021-10-21 18:43:00
5351阅读
2评论
# Vue 打包报错 “without JavaScript enabled”的解决方案
在使用 Vue 进行前端开发时，我们经常会遇到各种问题和错误。其中一个比较常见的问题是打包后的应用在某些环境下提示“without JavaScript enabled”。这通常是因为你的应用依赖 JavaScript 来渲染内容，而当用户的浏览器禁用 JavaScript 时，应用将无法正常工作。本文将引
