解决： 参考网址：https://www.cnblogs.com/wjhsmart/p/13563239.html ...
转载
2021-08-06 17:33:00
342阅读
2评论
1、打包编译时，出现ERROR 2、解决方案 原因：由于 UglifyJs 只支持 ES5 而 element-ui 可能引入了一部分 ES6 的写法，所以导致 webpack 打包失败。 方案：用 bable 来解析 element-ui， 要完成此操作只需要修改前端文件夹下的build/webp ...
转载
2021-08-19 16:20:00
707阅读
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阅读
前言今天刚写完一个需求准备打包测试，眼看着进度快跑满了啪的一下给我来了一个错，如下图:简单分析Failed to minify the bundle看了下大概的错讲的应该是压缩代码报错了，而Uglifyjs确实也是webpack打包压缩的插件。看下一行，大概讲的是index.295edf21.js文件的第264048行报的错。找到我们打出的包的文件夹使用nodepad++打...
原创
2022-01-25 17:40:18
998阅读
关于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项目如何打包问题遇到得坑及其总结如何打包 基于Vue-Cli,通过npm run build来进行打包的操作如何部署 将打包出来的资源，基于Vue-Cli的一般是dist目录下有static目录和index.html文件，可以直接将这两个文件扔到服务端 但有时候，我们会直接将dist文件扔到服务端 出现的问题打包到服务器后，出现资源引用路径的问题 打包到服务器后，出现空白页的问题 打包到服务
转载
2024-07-18 21:49:10
113阅读
# Vue 打包报错 “without JavaScript enabled”的解决方案
在使用 Vue 进行前端开发时，我们经常会遇到各种问题和错误。其中一个比较常见的问题是打包后的应用在某些环境下提示“without JavaScript enabled”。这通常是因为你的应用依赖 JavaScript 来渲染内容，而当用户的浏览器禁用 JavaScript 时，应用将无法正常工作。本文将引
今天使用vue打包（npm run build）遇到了几个坑，在这里分享给大家打包之后打开dist的页面显示空白：这个问题以前就处理过，是打包过程中出现错误频率较高的一种，可能有3处地方会出现这种情况1、记得改一下config下面的index.js中bulid模块导出的路径。因为打包后的index.html里边的内容都是通过script标签引入的，默认显示的路径不对，打开肯定是空白的。build:
转载
2024-07-29 20:14:48
167阅读
(文章目录)
一、前言
Vue项目编译过程中，出现如下错误信息：
ERROR in static/js/vendor.f1c68aa2d5e85847d30e.js from UglifyJs
Unexpected token name «i», expected punc «;» [./node_modules/element-ui/src/utils/merge.js:2,0][static/
原创
2023-10-09 09:49:52
395阅读
点赞
1评论
之前一直用YuiCompressor来处理CSS和JS文件压缩，不过最令人头疼的是对于一些写得不太规范的脚本，YUI经常会出错，最近发现了一个叫uglifyjs的东东，试了一下，超赞，压缩率很高，目前还没发现不能压缩或压缩后语义出错的问题。
首先要说明的是uglifyjs是为node.js准备的，所以先要准备node.js环境才能用，在windows环境下用的话，先去下载node.exe，位置h
原创
2012-02-28 10:27:34
4431阅读
### 如何解决“vue 3 yarn项目打包Voler报错”
作为一名经验丰富的开发者，我将向你解释如何解决“vue 3 yarn项目打包Voler报错”的问题。首先，我们需要了解整个解决问题的流程，然后逐步实施。
#### 解决问题流程
以下是解决问题的流程，你可以使用表格展示每个步骤：
| 步骤 | 描述 |
| ------ | ------ |
| 步骤一 | 安装Voler插件
原创
2024-03-08 06:18:06
48阅读
我在做一个页面加载loading 效果的时候，改了很多样式，有全局的有私有的,以至于到最后把自己都搞乱了不知道改过什么东西，最后在build打包上线后出现了部分样式显示错乱（主要是全局样式），影响到了整个页面，当时都懵了，怎么也找不到问题。墨迹到了晚上九点钟。在网上查了很多资料。最终解决，特意在这里记录一下，发现网上关于这种问题的回答挺少的所以我找了好久，希望我的回答可以贡献一点力量，让同样遇到这
转载
2024-09-23 10:57:41
190阅读
internal/modules/cjs/loader.js:638 throw err; ^ Error: Cannot find module 'debug' ...
转载
2021-08-24 17:14:00
882阅读
2评论
第一次打包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
3881阅读
2评论
