解决： 参考网址：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阅读
关于Vue - Webpack 项目打包出现的一些问题目前项目打包过程中出现了一些错误，折腾了一会，通过查阅资料解决了次相关的问题，特此记录。 归纳一下，打包过程中出现了2个问题 1、vue脚手架目录，config目录下index.js文件中，assetsPublicPath路径错误 assetsPublicPath: '/', 2、router开启了history模式，如果是本地打包后访问的话
项目"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
原因是因为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 时，应用将无法正常工作。本文将引
vue项目如何打包问题遇到得坑及其总结如何打包 基于Vue-Cli,通过npm run build来进行打包的操作如何部署 将打包出来的资源，基于Vue-Cli的一般是dist目录下有static目录和index.html文件，可以直接将这两个文件扔到服务端 但有时候，我们会直接将dist文件扔到服务端 出现的问题打包到服务器后，出现资源引用路径的问题 打包到服务器后，出现空白页的问题 打包到服务
转载
2024-07-18 21:49:10
113阅读
今天使用vue打包（npm run build）遇到了几个坑，在这里分享给大家打包之后打开dist的页面显示空白：这个问题以前就处理过，是打包过程中出现错误频率较高的一种，可能有3处地方会出现这种情况1、记得改一下config下面的index.js中bulid模块导出的路径。因为打包后的index.html里边的内容都是通过script标签引入的，默认显示的路径不对，打开肯定是空白的。build:
转载
2024-07-29 20:14:48
167阅读
internal/modules/cjs/loader.js:638 throw err; ^ Error: Cannot find module 'debug' ...
转载
2021-08-24 17:14:00
882阅读
2评论
我在做一个页面加载loading 效果的时候，改了很多样式，有全局的有私有的,以至于到最后把自己都搞乱了不知道改过什么东西，最后在build打包上线后出现了部分样式显示错乱（主要是全局样式），影响到了整个页面，当时都懵了，怎么也找不到问题。墨迹到了晚上九点钟。在网上查了很多资料。最终解决，特意在这里记录一下，发现网上关于这种问题的回答挺少的所以我找了好久，希望我的回答可以贡献一点力量，让同样遇到这
转载
2024-09-23 10:57:41
190阅读
### 如何解决“vue 3 yarn项目打包Voler报错”
作为一名经验丰富的开发者，我将向你解释如何解决“vue 3 yarn项目打包Voler报错”的问题。首先，我们需要了解整个解决问题的流程，然后逐步实施。
#### 解决问题流程
以下是解决问题的流程，你可以使用表格展示每个步骤：
| 步骤 | 描述 |
| ------ | ------ |
| 步骤一 | 安装Voler插件
原创
2024-03-08 06:18:06
48阅读
第一次打包vue的项目部署到tomcat服务器下时，发现初次加载特别的缓慢，将近20s页面才加载出来，完全没有开发环境上的那么流畅。主要原因是页面在打包后如果不进行相关配置会导致资源文件特别的大，一次想要全部加载完成会特别的耗时。这里简单总结一下自己用到的一些优化的方案。首先我们可以安装webpack-bundle-analyzer 插件，通过这个插件我们可以在打包的时候看到打包文件的大小，可以明
转载
2024-01-27 23:23:02
837阅读
在项目开发过程中，在部署过程中，用到了反向代理，这就要求前端代码中不能使用绝对路径。但是我们知道，一般情况下，通过webpack+vuecli默认打包后的HTML、css、js等文件，使用的都是绝对路径。下面可以举几个例子来看一下：1、打包后的index.html文件2、打包后的css文件所以，如果在项目中需要使用相对路径来获取静态的资源文件，需要怎么做呢？1、修改webpack配置文件中的ass
转载
2024-05-21 14:18:02
214阅读
报错如下：Refused to apply style from 'http://127.0.0.1:5500/css/chunk-43aa77e1.33bcbef1.css' because its MIME type ('text/html') is
not a supported stylesheet MIME type, and strict MIME checking is enabl
转载
2021-04-04 22:07:54
3884阅读
2评论
vue cli 打包报错： 原因：上面的代码是es6的语法，由于现在还有浏览器不支持es6的语法，所以在打包的过程中要把es6转换成es5,在打包时使用了UglifyJs压缩JS，但是UglifyJs无法解析ES6，才出现了上述问题。 解决：build/webpack.base.config.js
转载
2018-01-04 21:07:00
397阅读
2评论
用Ant打包的好处就在于可以打多个渠道 常用的就是修改友盟的渠道号，而不需要每改一次输入一次keystore密码的繁琐过程。android 不知道在什么版本之后tools目录下就没有在apkbuilder.bat这个文件了，如果从别人那边 copy 过来也无法使用，提示“ apkbuilder 不稳定。。”。所以在现在的版本上，进过查找各种资料 我在 ADT 22 版本下找到
转载
2023-10-23 20:50:06
6阅读
1. 我们为什么要进行打包优化呢？1、打包优化的目的1、优化项目启动速度，和性能 2、必要的清理数据 3、减少打包后的体积第一点是核心，第二点呢其实主要是清理console2、性能优化的主要方向1、去重.map文件 2、开启CDN加速 3、代码压缩 4、图片压缩 （下方跳过） 5、公共代码抽离 6、首屏骨架屏优化 7、开启Gzip压缩2. 打包步骤详解代码演示：在vue.config.js中添加打
转载
2023-08-23 15:45:26
158阅读
问题描述使用@vitejs/app初始化了一个vue3+typescript的前端应用，并引入了element-plusUI框架。本地开发可以正常运行，但执行npmrunbuild时，提示Cannotfindtypedefinitionfilefor'node'.等的错误信息。具体如下图所示：解决办法在tsconfig.json文件中添加"skipLibCheck&quo
原创
2021-05-10 15:24:42
6763阅读
点赞
