私有NPM包更新后，打包构建却仍然是历史包的解决方案

最新推荐文章于 2024-11-01 11:16:05 发布
原创 最新推荐文章于 2024-11-01 11:16:05 发布 · 717 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#npm #webpack #前端

当使用Vue-Cli3.0时，由于vue-loader和cache-loader的机制，NPM包更新后，webpack可能仍基于之前的缓存进行构建。为解决此问题，需在升级包之后删除node_modules/.cache目录，然后重新启动或构建项目。
部署运行你感兴趣的模型镜像

问题概述

NPM包更新/升级后，webpack构建仍然是历史NPM包的版本。

问题原因

原因: Vue-Cli 3.0 的 vue-loader 解析器使用了 cache-loader 将部分包解析并且缓存在 node_modules/.cache 下面。
相关Issues：https://github.com/vuejs/vue-cli/issues/3635

解决方案

每次升级包/更新包后，先删除node_modules/.cache文件夹，再启动/构建。

您可能感兴趣的与本文相关的镜像

HunyuanVideo-Foley

HunyuanVideo-Foley

语音合成

HunyuanVideo-Foley是由腾讯混元2025年8月28日宣布开源端到端视频音效生成模型，用户只需输入视频和文字，就能为视频匹配电影级音效

【实录】使用 Verdaccio 从零搭建私有 npm 仓库（含完整步骤及避坑指南）
公众号@三十的编程日记
09-26 1009
本文详细记录使用 Verdaccio 搭建私有 npm 仓库的完整实践过程。涵盖安装启动、用户登录、包发布、项目配置（.npmrc）、版本更新及注意事项，并提供了使用 nrm 管理多源的方法。为管理企业内部组件库提供完整解决方案。
前端性能优化——包体积压缩82%、打包速度提升65%
djemx2025的博客
06-25 3766
经过上面的一系列优化，可以看到：包体积由原来的2.25M减少到407KB，压缩了82%打包速度由原来的25386ms减少到8949ms，提升了65%这些方式虽然很常规，但确实可以有效地提升项目的性能本文主要介绍的是项目打包构建方面的优化方式，下一篇聊一聊业务代码层面的性能优化，其中会有很多有趣的方案作者：https://juejin.cn/post/7186315052465520698。
npm显示升级到最新版本仍然显示npm为原版本的问题解决
世纪末的架构师的博客
09-25 1万+
文章目录前言一、问题描述二、问题原因三、解决方法1. 查看npm安装路径2. 修改npm全局安装路径命令3. npm更新命令总结 前言 在升级npm版本时遇到了显示版本升级成功，但是在继续执行npm -v命令查看npm版本时仍然显示为原本的版本，在网上搜索了很多的解决方法都不行，用各种命令都无法解决问题，在看到一篇大佬的博客后明白了问题出在哪里，在此进行记录，以后出现相同的问题后能够快速的解决。 一、问题描述 原本的npm版本为6.14.15，在执行了npm更新命令后仍然为原版本 二、问题原因 因
构建命令maven install 打包不是最新的代码
gaxing4615的博客
07-30 3580
问题： 　　之前一直用的是mvn install 命令来构建项目，但是最近发现最新的代码没有在war包中。之前看的说 mvn install 命令会执行之前的所有阶段，会被编译，测试，打包。 经查最后采用mvnclean package -DskipTests=true -P prod(先清除，再打包，跳过测试，选择prod生产环境的配置文件构建) 原因：　　 maven构建过程 mvn clean ----- 【清理】 将编译（mvn compile）产生的【target】文件夹...
解决npm install安装成功了但是查看版本还是旧版本和安装不成功的问题
weixin_43201258的博客
07-28 1493
mac电脑：sudo npm npm install -g @vue/cli,输入电脑密码即可。如果安装位置和读取位置不同，自然导致安装后看见版本是旧版本。npm config set prefix 你读取的目录。解决办法：我目前的办法就是直接修改安装目录。where vue查看读取包的位置。prefix就是你的安装位置。
VUE项目打包部署后刷新浏览器不是最新代码
CharisJIM的博客
06-02 3978
VUE项目打包部署后刷新浏览器不是最新代码
阿里云OSS 6.0版本修复打包问题并支持分片上传的NPM代码包
它不仅是一个简单的SDK封装，更是集成了现代前端工程实践、云存储安全策略、自动化构建部署于一体的综合性解决方案。尤其对于中小企业或独立开发者而言，此类开箱即用的修复版本极大降低了技术门槛，加速了产品上线...
npm打包可以恢复吗
最新发布
03-27
首先，npm打包通常是指将项目中的代码和依赖打包成一个可发布的包，或者可能是指使用工具如webpack、rollup等进行构建打包。用户可能是在问，如果执行了npm run build之类的命令后，生成的dist或其他打包目录是否...
Electron打包报错及手动下载组件解决方案
本文围绕“Electron打包报错解决”这一主题，深入剖析了在Vue项目中集成Electron并使用electron-vue-vite构建工具时所出现的典型错误及其解决方案。该问题的核心在于：Electron在打包过程中依赖于从远程服务器下载...
【maven】idea的pom文件修改，引入新的jar包，无效，本地仓库始终没有下载新jar包的问题解决【idea pom Dependency not found】
kodmoqn的博客
04-16 416
【maven】idea的pom文件修改，引入新的jar包，无效，本地仓库始终没有下载新jar包的问题解决【idea pom Dependency not found】
发布 NPM 包时，终端显示发布成功但实际上版本并没有更新，可能是由于以下原因
BigHippos的博客
11-01 1089
确保你的 NPM 配置指向的是正确的公共注册表，而不是私有注册表。： 如果版本号没有更新，NPM 会拒绝发布新的包版本。如果输出你的 NPM 用户名，则说明你已登录。），需要指定访问权限。： 对于作用域包（如。
npm 发布新包后无法下载最新版
qq_38427709的博客
10-14 1595
npm 上传包后无法下载最新版
vue项目复制----复制一个项目为另一个项目仍然访问原来老项目代码
m0_61702149的博客
06-06 657
表现就如下边这张图，新项目名字叫pccs，旧项目名字叫vue-element-admin，能启动，运行成功，一切正常，但是你会发现仍然是老项目的。
IntelliJ IDEA 2020.1.x 版本更新 pom文件自动导包问题
晨港飞燕的专栏
07-20 2796
在2020.1版本之前IDEA pom文件导包是这样的 最近新装新版本IDEA之后，这个图标没有了，对于习惯旧操作没有图标了还真不习惯。就去idea官网查了下新版本maven更新 官网对于更新说明百度翻译了下。 百度翻译（图不清楚我贴字） Maven and Gradle importing updates IntelliJ IDEA 2020.1 brings a small but important update to our Maven and Gradle users. Inste
IDEA中配置pom.xml文件时，本地仓库存在Jar包，但pom.xml版本号报错！！！
qq_40582306的博客
06-11 2626
问题： 在使用Maven的本地仓库时明明本地仓库已存在Jar包，但到pom.xml文件中配置相应Jar时，版本号老是爆红。而External Libraries中也存在此Jar包。 接下来解决此问题 一，首先来看出现的问题 由于版本号在爆红看着很不舒服，下面我们就来解决这个问题。 二，首先我们找到我们本地仓库中，相应的版本号位置，由于这里是mysql-connector-java 的版本号报错，所以我找的是如下图 三，找到次对应的版本，我们直接删除，对应的版本 四，进入IDEA中，右击项目，找到Ma
npm发布包--所遇到的问题
weixin_34392843的博客
05-23 2393
npm发布包： 解决方案--npm adduser的坑：http://www.tuicool.com/articles/FZbYve npm ERR publish 403,nodejs发布包流程：http://www.cnblogs.com/zhoudaozhang/p/4730070.html npm发布注意事项：http://m.blog.youkuaiyun.com/artic...
npm发布包以及更新包还有需要注意的几点问题（这里以发布vue插件为例）
热门推荐
主要领域：前端开发
11-29 2万+
前言 在此之前，你需要去npm官网注册一个属于自己的账号，记住自己的账户名以及密码、邮箱，后面会用的到。 第一步，安装webpack简易框架 vue init webpack-simple marquee 这里会用到vue init 命令，如果你的cli版本是3或者以上，那么在此之前你需要安装vue/cli-init npm install -g @vue/cli-init vue ini...
vue项目复制后运行成功仍然访问原来老项目代码的解决.idea
weixin_45969142的博客
04-09 4313
遇到一个问题百思无解 最终解决 。记录一下。 问题表现为： 1、copy一个老的vue项目【oldOne】到一个新的文件夹下面命名为【newOne】 2、用webstorm打开，删除部分多余代码，删除package.json中新项目不会用到的配置 3、在webstorm中打开终端，输入【npm install 】命令（无异常） 4、结束后输入 【npm run dev】命令 ，也无异常，项目正常启动。 5、这时候就出现问题了：项目启动之后运行的代码不是新项目的代码，而是老项目的代码，甚至在main.js中添
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值