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

最新推荐文章于 2023-07-28 10:39:32 发布
最新推荐文章于 2023-07-28 10:39:32 发布
阅读量625 收藏 2
点赞数
分类专栏： 问题合集 文章标签： npm webpack 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jexxx/article/details/128691305
版权
当使用Vue-Cli3.0时，由于vue-loader和cache-loader的机制，NPM包更新后，webpack可能仍基于之前的缓存进行构建。为解决此问题，需在升级包之后删除node_modules/.cache目录，然后重新启动或构建项目。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题概述

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文件夹，再启动/构建。

前端性能优化——包体积压缩82%、打包速度提升65%
djemx2025的博客
06-25 3481
经过上面的一系列优化，可以看到：包体积由原来的2.25M减少到407KB，压缩了82%打包速度由原来的25386ms减少到8949ms，提升了65%这些方式虽然很常规，但确实可以有效地提升项目的性能本文主要介绍的是项目打包构建方面的优化方式，下一篇聊一聊业务代码层面的性能优化，其中会有很多有趣的方案作者：https://juejin.cn/post/7186315052465520698。
深入理解npm：从入门到精通
最新发布
brrdg_sefg的博客
12-21 1891
npm（Node Package Manager）是 Node.js 生态系统中的核心组件，它不仅是一个包管理器，还是一个强大的开发工具和庞大的开源社区。自2010年首次发布以来，npm 已经成为世界上最大的软件注册表，拥有超过100万个包，每周下载量超过数十亿次。npm 已经成为 JavaScript 开发不可或缺的工具。通过本文，我们深入探讨了 npm 的方方面面，从基础用法到高级特性，从最佳实践到性能优化。
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 3297
问题： 　　之前一直用的是mvn install 命令来构建项目，但是最近发现最新的代码没有在war包中。之前看的说 mvn install 命令会执行之前的所有阶段，会被编译，测试，打包。 经查最后采用mvnclean package -DskipTests=true -P prod(先清除，再打包，跳过测试，选择prod生产环境的配置文件构建) 原因：　　 maven构建过程 mvn clean ----- 【清理】 将编译（mvn compile）产生的【target】文件夹...
解决npm install安装成功了但是查看版本还是旧版本和安装不成功的问题
weixin_43201258的博客
07-28 1273
mac电脑：sudo npm npm install -g @vue/cli,输入电脑密码即可。如果安装位置和读取位置不同，自然导致安装后看见版本是旧版本。npm config set prefix 你读取的目录。解决办法：我目前的办法就是直接修改安装目录。where vue查看读取包的位置。prefix就是你的安装位置。
VUE项目打包部署后刷新浏览器不是最新代码
CharisJIM的博客
06-02 3757
VUE项目打包部署后刷新浏览器不是最新代码
【maven】idea的pom文件修改，引入新的jar包，无效，本地仓库始终没有下载新jar包的问题解决【idea pom Dependency not found】
kodmoqn的博客
04-16 392
【maven】idea的pom文件修改，引入新的jar包，无效，本地仓库始终没有下载新jar包的问题解决【idea pom Dependency not found】
React组件开发：npm发布及自定义打包配置教程
4. **发布到npm**：将开发好的组件打包后，发布到npm仓库可以让全球的开发者使用。发布前需要确保package.json文件正确无误，包括依赖、脚本、版本等信息，并且遵循npm的命名规则避免包名冲突。 通过上述步骤，结合...
掌握Node.js与npm包管理器构建高性能应用
6. 私有包管理：npm还提供了企业级解决方案，允许企业设置私有的npm注册表，用于内部包的管理和共享。 Node.js和npm的关系密不可分。Node.js提供了执行JavaScript代码的能力和环境，而npm则提供了一种机制，使得...
npm 发布新包后无法下载最新版
qq_38427709的博客
10-14 1505
npm 上传包后无法下载最新版
vue项目复制----复制一个项目为另一个项目仍然访问原来老项目代码
m0_61702149的博客
06-06 571
表现就如下边这张图，新项目名字叫pccs，旧项目名字叫vue-element-admin，能启动，运行成功，一切正常，但是你会发现仍然是老项目的。
IntelliJ IDEA 2020.1.x 版本更新 pom文件自动导包问题
晨港飞燕的专栏
07-20 2752
在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 2544
问题： 在使用Maven的本地仓库时明明本地仓库已存在Jar包，但到pom.xml文件中配置相应Jar时，版本号老是爆红。而External Libraries中也存在此Jar包。 接下来解决此问题 一，首先来看出现的问题 由于版本号在爆红看着很不舒服，下面我们就来解决这个问题。 二，首先我们找到我们本地仓库中，相应的版本号位置，由于这里是mysql-connector-java 的版本号报错，所以我找的是如下图 三，找到次对应的版本，我们直接删除，对应的版本 四，进入IDEA中，右击项目，找到Ma
npm发布包--所遇到的问题
weixin_34392843的博客
05-23 2363
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 3976
遇到一个问题百思无解 最终解决 。记录一下。 问题表现为： 1、copy一个老的vue项目【oldOne】到一个新的文件夹下面命名为【newOne】 2、用webstorm打开，删除部分多余代码，删除package.json中新项目不会用到的配置 3、在webstorm中打开终端，输入【npm install 】命令（无异常） 4、结束后输入 【npm run dev】命令 ，也无异常，项目正常启动。 5、这时候就出现问题了：项目启动之后运行的代码不是新项目的代码，而是老项目的代码，甚至在main.js中添
一行npm命令打包两个node版本不同的项目
longgege001的博客
05-19 1933
背景：公司后台管理系统的代码是angularjs项目和vue项目在一起混搭，vue项目其实是属于angularjs的子项目。如图： 问题：之前在用svn发布上线时，都是手动通过nvm执行两次node版本切换，再执行两次打包命令。迁移git要自动发布，就要考虑将四条命令合并成一一条命令。 解决方案：​ 1. 老后台使用的gulp打包，node版本v6.9.2。如下，老后台gulp在打包时会执行一条clean的task，这条任务会将dist目录下面的所有资源全部清除掉。​​​​​​ ...
了解一下pnpm
wade3po的博客
08-12 1153
pnpm早在五年前就发布了第一个正式的版本，一直到现在使用的还是不多。抛开速度和安全性（并不觉得这两点是抛开npm或者yarn的重点），高效利用磁盘空间和支持monorepo是最大的特性
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值