vue-cli4打包遇到的坑

最新推荐文章于 2024-04-25 20:35:50 发布
最新推荐文章于 2024-04-25 20:35:50 发布
阅读量390 收藏 1
点赞数 1
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ftg1852vyf/article/details/119825603
版权

记一次bug经历
问题描述：npm run build 打包过后上传dist文件夹中代码，页面空白，再次打包报以下错误，dist文件夹无法删除。
思考：一样的代码，在其他电脑上可以正常打包运行，应该是自己电脑环境问题。但是更换过nodejs版本；更换过vscode编辑器；以管理员模式运行过编辑器；以管理员身份删除dist文件夹以及node_modules文件夹都不行。
问题原因：上传到服务器后在打包无法删除之前的dist文件夹，导致资源占用，无法生存新的dist文件夹
在这里插入图片描述
解决：vscode的sftp插件有两个，之前使用的第一个，改成第二个之后，上传就没有问题了！！
这个原因也是怎么都没想到啊~~
在这里插入图片描述

ftg1852vyf
关注
专栏目录
Vue CLI 入门04 vue-router懒加载
weixin_42713144的博客
08-03 210
懒加载 前提 npm run build对vue项目打包 自动生成dist文件夹，里面有js文件夹； js目录下，app文件为我们自己写的业务文件；chunk-vendor文件为第三方框架/库（如vue、axios、vue-router等）。 插入：vue-cli4 打包时的踩坑 打包时报错Error: Callback was already called. 网上的解决方法是把node_modules删除后，npm install，再打包。实测无效。 有效方法是： 新建一个和package.jso
Vue/cli@4打包优化
zoezoezoezoe1234的博客
03-17 467
0.打包 执行npm run build即可完成打包，生成一个dist文件夹 出现的问题： 打开浏览器之后，是个空白页 解决： 在vue.config.js中配置publicPath:"./"，vue.config.js文件与根目录同一个级别，没有的话创建一个 1.路由懒加载 在路由的配置文件src/router/index.js中配置 以箭头函数的形式加载组件即可 遇到的问题： 看到别人博客中通过下面这种方式实现懒加载 component: resolve => require(['@/comp
vue项目无法删除
真正的大师永远怀着一颗学徒的心
12-26 3832
问题 今天删除本地的vue项目，一直提示“操作无法完成，因为其中的文件夹或文件已在另一个程序组打开，请关闭该文件夹或文件，然后重试”。但是相关的软件我都关闭了，还是不行。如图 解决 我们ctrl+alt+delete打开任务管理器，点击详细信息，找到node.exe 右击选择结束任务，然后点击结束进程，然后就可以成功删除项目了。 ...
vue项目打包部署时报错，即 npm run build 时报错 “EPERM: operation not permitted, lstat”
elephant_my的博客
12-21 1991
在使用vue-cli做项目时，npm run build打包项目时报错，如下图： 尝试： 将dist文件删除也不行，说是必须获取管理员权限，然而也没有找到在哪获取管理员权限； 将编译器关掉重启，或者在编译器中重新打开项目代码。。。都不行。 原因： 在此打包部署之前我刚王服务器部署了一版，就一直打开着xftp软件没有关，如下图： 这就意味着dist文件夹和Xftp一直关联着。 解决方法： 将Xftp软件关掉，即断开将要打包部署的项目和文件传输软件Xftp两者的关联，就可以啦！！！ ...
npm i安装的模块无法删除
JasonAlonk的博客
12-16 515
用npm i安装的模块无法用npm uninstall删除，用npm uninstall i才卸载掉
解决vue-cli webpack打包开启Gzip 报错问题
10-16
本文将详细介绍如何解决Vue-cli中Webpack打包开启Gzip功能时遇到的报错问题。 ### Vue-cli和Webpack基础 Vue-cli是一个基于Vue.js进行快速开发的完整系统，提供了一套统一的配置标准，旨在帮助开发者快速搭建Vue...
关于vue-cli3打包代码后白屏的解决方案
10-14
在使用Vue CLI 3进行项目开发时，遇到打包后白屏的问题可能是由于多种原因导致的。本文将详细介绍如何解决这个问题，并提供一些相关的补充知识。 首先，白屏现象通常是由于资源加载失败或路由配置不当引起的。当...
Vue-cli配置打包文件本地使用的教程图解
10-18
从给定的文件内容中，我们可以抽取出关于Vue-cli配置打包文件本地使用的具体步骤和相关知识点。 知识点1：Vue-cli的基本介绍 Vue-cli是一个基于Vue.js进行快速开发的完整系统，它提供了一个官方的脚手架工具来帮助...
vue-cli3中配置alias和打包加hash值操作
10-14
本文将深入探讨如何在 Vue CLI 3 中配置 `alias` 和添加 `hash` 值到打包文件名。 首先，我们来关注 `alias` 的配置。在开发大型应用时，我们常常需要引入大量的模块和文件，这时相对路径可能会变得非常冗长。`...
Vue-cli打包后部署到子目录下的路径问题说明
10-14
在使用 Vue CLI 打包应用时，可能会遇到将应用部署到服务器子目录下的情况。本篇文章将详细解析这个问题及其解决方案。 首先，当 Vue CLI 打包应用时，默认会生成一个静态资源文件夹，通常命名为 `dist`，这个...
解决删除node_modules文件夹需要权限，同意后仍然删除失败的问题
qq_39889855的博客
06-09 4609
1、在node_modules文件夹所在的目录打开cmd窗口，安装包管理器：rimraf 。 包的作用：以包的形式包装命令，用来删除文件和文件夹的，不管文件夹是否为空，都可删除. npm install rimraf -g 2、执行删除命令...
vue3.0学习-day4
huangxunlove的博客
02-22 363
安装jquery是：npm i jquery -S 1、webpack webpack是前端工程化的具体解决方案。主要功能：它提供了友好的前端模块化开发支持，以及代码压缩管理、处理浏览器端JavaScript的兼容性、性能优化等强大的功能。 安装webpack //-D代表安装开发版本的webpack npm i webpack@5.5.1 webpack-cli@4.2.0 -D 在根目录下（在这里是code3目录）创建webpack.config.js文件 //webpack.config.js文件
如何删除node_modules文件夹？
The shortest answer is doing
04-30 871
无法删除node_modules文件夹的原因有： 1，目录层级太深导致无法删除。 2，windows提醒你没有该权限。 解决方法： 使用npm中的插件rimraf，专门用于删除的模块插件 　　1、安装：npm install -g rimraf（全局安装） 　　2、使用：先定位目标文件夹的父级目录，然后命令行输入rimraf *** （***为需要删除的文件夹名称） 安装此插件后...
vue项目删除node_modules依赖安装包提示需要管理员权限
weixin_44126032的博客
08-11 1885
由于每次解决完问题都忘记解决方法，所以记下笔记方便查找。vue依赖包安装失败后删除提示需要管理员权限删除。利用vue项目终端命令。
webpack打包的时候自动删除dist文件夹
weixin_46463398的博客
08-08 2430
代码】webpack打包的时候自动删除dist文件夹。
一、Vue常用总结
feifeiyechuan的博客
05-06 249
Vue常用总结1、Vue中自定义title标签页小图标1）在vue根目录下放置icon矢量图文件2）build/webpack.dev.conf.js 文件下添加如下内容3）build/webpack.prod.conf.js 文件下添加如下内容 1、Vue中自定义title标签页小图标 直达链接 1）在vue根目录下放置icon矢量图文件 2）build/webpack.dev.conf.js 文件下添加如下内容 favicon: path.resolve('./aistructure.ico')
vue项目中使用rimraf dev启动时删除dist目录
南思琼海
03-05 1739
//适用 vue 2.x vue 3.x已经会在启动时自动删除dist目录 webpack.dev.conf.js 'use strict' const utils = require('./utils') const webpack = require('webpack') const config = require('../config') const merge = require('w...
vue 打包
qq_53582111的博客
08-20 377
执行 npm run build （打包） 会在根目录生成一个dist文件，部署的时候 就部署dist文件便可，不用把整个vue上传 本地预览 执行 npm install -g serve 安装serve 然后执行 serve -s dist （在dist文件的根目录执行serve -s dist ） 3．细节注意 把绝对路径改成相对路径 在项目的根目录创建 vue.config.js 文件 然...
记录：vue3 vite 打包生产环境失败
最新发布
TrainTu的博客
04-25 430
vue3 打包报错
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值