不直接修改node_modules中包的解决办法

最新推荐文章于 2025-03-19 09:13:56 发布
最新推荐文章于 2025-03-19 09:13:56 发布
阅读量862 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： node 文章标签： npm 前端 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_36587340/article/details/126522445

第三种：patch-package

这是一个专门用来修改node_modules中包的代码的工具，使用起来也很简单。

1、安装patch-package

npm i patch-package

2、修改node_modules

比如我想修改包A，那么我直接进node_modules中修改，然后执行

npx patch-package A

这个时候你的项目根目录下会出现patches这个目录，里面会出现一个包A的补丁文件，这个文件可大有用处！！

注意：记得要把patches这个目录提交到git或者svn

其实这个时候你本地已经使用到了你修改后的代码了，但问题是怎么让你的同事也同步到你的修改后的代码。。

3、"postinstall": "patch-package"

在package.json的script中增加

"postinstall": "patch-package"

这个命令的作用就是：当你的同事去执行npm i的时候，会自动执行npm run postinstall这个命令，也就是执行patch-package，这时候就回去读取刚刚的patches目录，并将那些补丁达到对应的包里。

比如我刚刚修改了包A并提交了补丁文件。那么我同事npm i的时候，就会自动执行npm run postinstall这个命令，然后去pacthes目录中找到对应的包A的补丁文件，并将补丁打到node_modules的包A中，达到同步修改代码的效果！！！

测试：Jenkins中某个命令失败后导致后续命令不执行？
Kant2048的博客
05-23 95
Jenkins命令失败后继续执行的方法总结，推荐优先采用Pipeline的catchError方案，既保留错误信息又保证流程继续。
pdf不显示电子章?修改node_modules?成功构建Jenkins?
z15533031600的博客
02-22 1969
pdf显示电子章的问题，如何修改node_modules里的内容，Jenkins 安装依赖包不安全？
​解决修改 node_modules 后代码不生效的常见问题
qq_60743005的博客
03-19 1732
懒得弄就直接把.bin删了，重新run一下代码就行。
babel-loader-exclude-node-modules-except:创建正则表达式以将节点模块排除在转译之外（单个模块除外）
05-22
babel-loader-排除节点模块-除外 声明书 分行 职能 线数 创建一个正则表达式以排除node_modules 来自babel transpiling，单个模块除外 用法 // webpack.config.js const babelLoaderExcludeNodeModulesExcept = require ( 'babel-loader-exclude-node-modules-except' ) ; module . exports = { // config properties // ... module : { rules : [ { test : / \. js $ / , exclude : babelLoaderExcludeNodeModulesExcept ( [
vue 修改nodemodules中的依赖包源代码不生效
qq_51389137的博客
05-26 6055
2.重启不行的话现在普遍vue使用的是vite他会把这些依赖的代码缓存在nodemodules的.vite.js下，所以重启项目也没有更新依赖的执行文件。命令行选项启动开发服务器，或者手动删除。强制 Vite 重新构建依赖，你可以用。
vite 项目改了node_modules下的代码不生效
csdn_haow的博客
10-07 2675
解决办法：删除.vite文件，重新跑项目，或者跑项目的时候加上--force。
vue修改编码_【Vue】为什么直接改node_modules里面的代码，不会生效？
weixin_39838362的博客
01-12 7061
之前有一个需求是，table里面要加一些提示文字和自定义icon，同时需要前端做分页。这些功能element-ui都不支持，所以我就尝试着改node_modules里面element-ui的源码。但是改了缺没有生效。最后我把整个table组件移出来到src目录下，然后改了改引用名字什么的，就生效了。可是这没有从根本上解决问题啊，我想问的是，为什么直接改node_modeles里面的代码会不生效，这...
修改了node_modules的文件打包后不生效
海风依旧
11-19 6028
问题：修改了node_modules的文件打包后不生效。原因是我们修改的虽然是源码，并且在我们本地测试的时候生效，但我们打包后引用的是node_modules编译打包后的文件
C:\Windows\System32>cnpm -v 'cnpm' 不是内部或外部命令，也不是可运行的程序 或批处理文件。 C:\Windows\System32>npm config set registry https://registry.npmmirror.com/ C:\Windows\System32>npm install -g cnpm --registry=https://registry.npmmirror.com npm ERR! code EPERM npm ERR! syscall rename npm ERR! path C:\Program File\nodejs\node_global\node_modules\cnpm\node_modules\.make-fetch-happen.DELETE\node_modules\@npmcli npm ERR! dest C:\Program File\nodejs\node_global\node_modules\cnpm\node_modules\make-fetch-happen\node_modules\@npmcli npm ERR! errno -4048 npm ERR! Error: EPERM: operation not permitted, rename 'C:\Program File\nodejs\node_global\node_modules\cnpm\node_modules\.make-fetch-happen.DELETE\node_modules\@npmcli' -> 'C:\Program File\nodejs\node_global\node_modules\cnpm\node_modules\make-fetch-happen\node_modules\@npmcli' npm ERR! [OperationalError: EPERM: operation not permitted, rename 'C:\Program File\nodejs\node_global\node_modules\cnpm\node_modules\.make-fetch-happen.DELETE\node_modules\@npmcli' -> 'C:\Program File\nodejs\node_global\node_modules\cnpm\node_modules\make-fetch-happen\node_modules\@npmcli'] { npm ERR! cause: [Error: EPERM: operation not permitted, rename 'C:\Program File\nodejs\node_global\node_modules\cnpm\node_modules\.make-fetch-happen.DELETE\node_modules\@npmcli' -> 'C:\Program File\nodejs\node_global\node_modules\cnpm\node_modules\make-fetch-happen\node_modules\@npmcli'] { npm ERR! errno: -4048, npm ERR! code: 'EPERM', npm ERR! syscall: 'rename', npm ERR! path: 'C:\\Program File\\nodejs\\node_global\\node_modules\\cnpm\\node_modules\\.make-fetch-happen.DELETE\\node_modules\\@npmcli', npm ERR! dest: 'C:\\Program File\\nodejs\\node_global\\node_modules\\cnpm\\node_modules\\make-fetch-happen\\node_modules\\@npmcli' npm ERR! }, npm ERR! errno: -4048, npm ERR! code: 'EPERM', npm ERR! syscall: 'rename', npm ERR! path: 'C:\\Program File\\nodejs\\node_global\\node_modules\\cnpm\\node_modules\\.make-fetch-happen.DELETE\\node_modules\\@npmcli', npm ERR! dest: 'C:\\Program File\\nodejs\\node_global\\node_modules\\cnpm\\node_modules\\make-fetch-happen\\node_modules\\@npmcli', npm ERR! parent: 'cnpm' npm ERR! } npm ERR! npm ERR! The operation was rejected by your operating system. npm ERR! It's possible that the file was already in use (by a text editor or antivirus), npm ERR! or that you lack permissions to access it. npm ERR! npm ERR! If you believe this might be a permissions issue, please double-check the npm ERR! permissions of the file and its containing directories, or try running npm ERR! the command again as root/Administrator. npm ERR! A complete log of this run can be found in: npm ERR! C:\Program File\nodejs\node_cache\_logs\2025-06-10T12_16_03_496Z-debug.log
06-11
其实还有更简单的办法：直接修改npm镜像源而不必安装cnpm。不过既然用户明确要求安装cnpm，就要优先解决当前的EPERM障碍。考虑到用户提到"上一次的问题"，但对话是独立的，可能需要假设用户已经经历过多次安装失败。...
修改了node_modules里的js文件怎么才能生效
02-28
node_modules是npm或yarn安装依赖包的地方，通常不建议直接修改里面的文件，因为当重新安装依赖或者更新版本时，这些修改会被覆盖掉。不过，用户可能确实遇到了需要临时修改的情况，比如修复某个库的bug，或者进行...
报错原因及解决办法npm ERR! code ENOENT npm ERR! syscall rename npm ERR! path C:\code\smartFireBackend\ruoyi-ui\node_modules\hoopy npm ERR! dest C:\code\smartFireBackend\ruoyi-ui\node_modules\.hoopy.DELETE npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, rename 'C:\code\smartFireBackend\ruoyi-ui\node_modules\hoopy' -> 'C:\code\smartFireBackend\ruoyi-ui\node_modules\.hoopy.DELETE' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent
最新发布
06-25
文件或目录确实不存在（例如，package.json文件不存在，或者node_modules中的某个模块目录不存在）。2.路径错误（例如，当前工作目录不正确，导致npm无法找到package.json）。3.权限问题（虽然ENOENT通常表示不存在...
详解如何修改 node_modules 里的文件
11-20
前言 有时候使用npm上的包，发现有bug，我们知道如何修改，但是别人可能一时半会没法更新，或者是我们特殊需求，别人不愿意修改，这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢？首先，直接修改node_modules里面的文件是不太行的，重新安装依赖就没有了。一般常用办法有两个： 下载别人代码到本地，放在src目录，修改后手动引入。 fork别人的代码到自己仓库，修改后，从自己仓库安装这个插件。 这两个办法的缺陷就是：更新麻烦，我们每次都需要手动去更新代码，无法与插件同步更新。如果我们要修改的代码仅仅是别人的一个小模块，其他大部分代码都不动，这时候有一个很投机的操作：
node vue 打包 部署 vendor.js文件太大的解决方式
qq_35410576的博客
09-24 661
node //建议改端口 不建议开代理 部署会很麻烦 //运行调试 npm run dev 开发 /config/index.js dev 建议改端口 port: 40003, 建议autoOpenBrowser: 由false改为true, 打包 // 打包 npm run build // 打包分析 npm run build --report js、css404解决方法 /config/index.js build中的assetsPublicPath: '/'改"./",/
js修改背景图片路径_如何修改 node_modules 里的文件（同事看了直呼内行）
weixin_39851914的博客
11-28 624
来自：掘金，作者沉末_链接：https://juejin.im/post/5ec381215188256d776342cd前言有时候使用npm上的包，发现有bug，我们知道如何修改，但是别人可能一时半会没法更新，或者是我们特殊需求，别人不愿意修改，这时候我们只能自己动手丰衣足食。那么我们应该如何修改别人的源码呢？首先，直接修改node_modules里面的文件是不太行的，重新安装依赖就...
设置.gitignore里的node_modules/不生效问题
weixin_45811730的博客
09-07 1556
删掉，重新add , commit， push，将仓库里的node_modules删掉，再进行Install就可以了。
关于 patch-package 修改 node_modules 源码后无效的问题
weixin_45093753的博客
05-20 5919
使用patch-package定制node_modules 中的依赖包 Step1: 通过命令安装 patch-package npm install patch-package --save-dev Step2: 修改项目根目录下的 package.json 文件 在 package.json 文件中的 scripts 中加入 “postinstall”: “patch-package” Step3: 手动修改 node_modules 依赖包中的源码 Step4: 手动执行命令创建 npx pa
patch-package使用,修改node_modules下文件源码,npm无需手动修改源码
m0_72837519的博客
08-29 361
【代码】patch-package使用,修改node_modules下文件源码,npm无需手动修改源码。
修改element ui源码，删除node_modules重新npm install 时组件失效
Allen_kai_hui的博客
09-08 2001
vue 中如何修改element ui源码，例 ：自定义时间线TimeLine功能
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值