当前位置： 首页 > news >正文

修改node_modules里的源码

news 2026/4/2 6:17:40

最近在工作中使用到一款生成二维码的依赖（以vue项目为例讲解）：vue-qr，安装的4.0.9版本的，在启动工程的时候报错：

You may need an appropriate loader to handle this file type

后我查阅各种资料发现

1，找到node-modules下面的vue-qr文件夹
2，打开vue-qr文件夹下面的dist下面的 vue-qr.js
3，搜索 ‘…’ 字段
4, 删除 e 前面的 三个点，然后重新运行

所以在node_modules下面的vue-qr文件夹的dist文件夹下面的vue-qr.js搜索…e把前面的…删除掉再重新启动项目就成功了，但是这种如果部署到测试环境进行安装依赖的时候一样会报错，因此我想直接修改node_modules里面的包并且每次npm install的时候都是我修改后的包，我找到了这个 patch-package给依赖打补丁实例详解

npm install -s patch-package

在package.json的script中新增：

 "postinstall": "patch-package"

然后在node_modules里面修改源码
再在命令行执行：

npx patch-package vue-qr

就会在工程中出现一个patches的文件夹，里面存储的就是修改的对比文件内容
这个时候再重新把工程的node_modules删除重新安装npm install 安装成功去node_modules里面去找vue-qrde dist文件下的vue-qr.js发现搜索…e搜索不到了，证明配置生效。

但是在这个vue-qr中却不生效。因为node_modules中的vue-qr.js是一个编译后的代码，改这个文件好像不生效，这个时候我又找到了另一个办法。
把node_modules的vue-qr文件夹拷贝一份放到和项目的package.json同层级,然后把这个vue-qr文件夹下面的dist文件夹的vue-qr.js的…e前面的…去掉代码，然后把package.json的script

 "postinstall": "cp -r ./vue-qr/* ./node_modules/vue-qr"

这个时候再重新npm install 发现node_modules下面的vue-qr文件夹下面的dist文件夹下的vue-qr.js的文件也被修改了，
原理，因为在npm install的时候会自动触发npm run postinstall这个命令,就会把我们目录下的vue-qr拷贝到node_modules文件夹中

相关文章：

修改node_modules里的源码

最近在工作中使用到一款生成二维码的依赖（以vue项目为例讲解）：vue-qr，安装的4.0.9版本的，在启动工程的时候报错： You may need an appropriate loader to handle this file type后我查阅各种资料发现 1&a…...

编程日记 2023/8/6 14:40:13

【每日一题Day287】LC24 两两交换链表中的节点 | 模拟 递归

两两交换链表中的节点【LC24】 给你一个链表，两两交换其中相邻的节点，并返回交换后链表的头节点。你必须在不修改节点内部的值的情况下完成本题（即，只能进行节点交换）。 周赛暂停一周啦 思路：模拟 记录前驱…...

编程日记 2023/8/6 14:39:12

Java ~ Collection/Executor ~ PriorityBlockingQueue【源码】

前言 相关系列 《Java ~ Collection【目录】》（持续更新）《Java ~ Executor【目录】》（持续更新）《Java ~ Collection/Executor ~ PriorityBlockingQueue【源码】》（学习过程/多有漏误/仅作参考/不再更新）…...

编程日记 2023/8/6 14:38:11

Java后台生成微信小程序码并以流的形式返回给前端

后端代码 获取access_token import net.sf.json.JSONObject;public class WeChatUtil {/*** 获取token*/private static String ACCESSTOKENURL "https://api.weixin.qq.com/cgi-bin/token?grant_typeclient_credential&appid{appId}&secret{appSecret}"…...

编程日记 2023/8/6 14:37:10

AtcoderABC226场

A - Round decimalsA - Round decimals 题目大意 给定一个实数X，它最多可以使用三位小数表示，而且X的小数点后有三位小数。将X四舍五入到最接近的整数并打印结果。 思路分析 可以使用round函数进行四舍五入 知识点 round(x) 是一个用来对数字进行四…...

编程日记 2023/8/6 14:36:09

Linux知识点 -- VS Code远程连接服务器协助开发

Linux知识点 – VS Code远程连接服务器协助开发 文章目录 Linux知识点 -- VS Code远程连接服务器协助开发一、VS Code的使用1.使用VS Code进行C语言编译与运行2.使用VS Code进行C代码的编译与运行 二、使用VS Code连接云服务器三、使用VS Code进行GDB调试 一、VS Code的使用 1…...

编程日记 2023/8/6 14:35:08

blender基础认识（选项开关、工具栏、视图等）

文章目录 引言一、大纲选项开关和保存启动文件1. 大纲选项1. 禁用选中2. 视图影藏3. 视图禁用4. 渲染禁用 2. 保存启动文件 二、工具栏和侧边栏1. 左侧工具栏2. 右侧工具栏 三、视图1. 视角2. 缩放3. 拖拽4. 摄像机视角5. 切换正交视图6. 局部视图7. 显示隐藏 四、添加删除物体…...

编程日记 2023/8/6 14:34:07

React Hooks 中的属性详解

React Hooks 是 React 16.8 版本中新增的特性，允许我们在不编写 class 的情况下使用 state 和其他的 React 特性。Hooks 是一种可以让你在函数组件中“钩入” React 特性的函数。以下是一些常用的 React Hooks，并附有详细的用法和代码示例。 1. useStat…...

编程日记 2023/8/6 14:33:06

工作遇到问题与解决办法（一）

一、构建父子工程 父 <groupId>com.ruoyi</groupId> <artifactId>ruoyi</artifactId> <version>3.8.5</version> <modules><module>ruoyi-admin</module><module>ruoyi-framework</module><module>…...

编程日记 2023/8/6 14:32:05

综合与新综合与新型交通发展趋势[75页PPT]

导读&#xff1a;原文《综合与新综合与新型交通发展趋势[75页PPT]》&#xff08;获取来源见文尾&#xff09;&#xff0c;本文精选其中精华及架构部分&#xff0c;逻辑清晰、内容完整&#xff0c;为快速形成售前方案提供参考。 完整版领取方式 完整版领取方式&#xff1a; 如需…...

编程日记 2023/8/6 14:31:03

【树形DP+换根思想】2022牛客多校加赛 H

登录—专业IT笔试面试备考平台_牛客网 题意&#xff1a; 思路&#xff1a; 这个虽然是树形DP&#xff0c;却用了换根的思想.... 首先&#xff0c;后缀0的个数可以转化成min(cnt2,cnt5)&#xff0c;其中cnt2为2的因子个数&#xff0c;cnt5为5的因子个数 然后进行DP 设dp[u]…...

编程日记 2023/8/6 14:30:03

Gitlab CI/CD笔记-第二天-GitOps的流水线常用关键词（1）

一、常用关键词 在Gitlab项目的根目录需要创建一个 .gitlab-ci.yaml的文件。 这个文件就是定义的流水线。Call :"Pipeline as code" 二、这条流水线怎么写&#xff1f; 一、掌握常用的关键词即可。 1.关键词分类 1.全局关键词 Global Keywards 2.任务关键词…...

编程日记 2023/8/6 14:29:00

Spring Boot3.0(一)：入门篇

什么是 Spring Boot Spring Boot 是由 Pivotal 团队提供的全新框架&#xff0c;其设计目的是用来简化新 Spring 应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置&#xff0c;从而使开发人员不再需要定义样板化的配置。 用我的话来理解&#xff0c;就是 Spring…...

编程日记 2023/8/6 14:27:59

各种排序333

冒泡排序 n方 public static void BubbleSort(int[] arr) {int n = arr.Length;for (int i = 0; i < n - 1; i++){for (int j = 0; j < n - i - 1; j++){if (arr[j] > arr[j + 1]){int temp = arr[j];arr[j] = arr[j + 1];arr[j + 1] = temp;}}} }选择排序 n方 publ…...

编程日记 2023/8/6 14:26:58

[C++] 类与对象（中）完整讲述运算符重载示例 -- 日期类(Date) -- const成员

目录 1、前言 2、全缺省的构造函数 3、打印接口 4、拷贝构造 5、赋值运算符重载&#xff08;operator&#xff09; 5.1赋值重载是默认成员函数&#xff0c;重载格式&#xff1a; 5.2 赋值重载不能为全局函数 5.3 编译器默认生成 6、析构函数 7、operator> 8、ope…...

编程日记 2023/8/6 14:25:56

wonderful-sql 作业

Sql 作业 作业1&#xff1a; 答&#xff1a; create table Employee (Id integer not null, Name varchar(32) , Salary integer, departmentId integer, primary key (Id) );create table Department( Id integer primary key, Name varchar(30) not null );insert into emp…...

编程日记 2023/8/6 14:24:55

Go学习第六天

Golang变量内置pair结构详细说明 变量包括&#xff08;type, value&#xff09;两部分type 包括 static type和concrete type. 简单来说 static type是你在编码是看见的类型(如int、string)&#xff0c;concrete type是runtime系统看见的类型类型断言能否成功&#xff0c;取决…...

编程日记 2023/8/6 14:23:52

opencv-34 图像平滑处理-2D 卷积 cv2.filter2D()

2D卷积是一种图像处理和计算机视觉中常用的操作&#xff0c;用于在图像上应用滤波器或卷积核&#xff0c;从而对图像进行特征提取、平滑处理或边缘检测等操作。 在2D卷积中&#xff0c;图像和卷积核都是二维的矩阵或数组。卷积操作将卷积核在图像上滑动&#xff0c;对每个局部区…...

编程日记 2023/8/6 14:22:51

Java 克隆技术详解，深拷贝与浅拷贝的区别及实现

什么是克隆&#xff0c;为什么在编程中使用克隆 克隆是指创建一个对象的副本&#xff0c;使得新创建的对象在内容上与原始对象相同。在编程中&#xff0c;克隆是常用的技术之一&#xff0c;它具有以下几个重要用途和优势&#xff1a; 复制对象&#xff1a;使用克隆可以创建一个…...

编程日记 2023/8/6 14:21:49

包装器function

std::function模板类是一个通用的可调用对象的包装器&#xff0c;用简单的、统一的方式处理可调用对象。 template<class _Fty> class function…… _Fty是可调用对象的类型&#xff0c;格式&#xff1a;返回类型(参数列表)。 包含头文件&#xff1a;#include <functi…...

编程日记 2023/8/6 14:20:45

【无标题】vLLM：推理吞吐与尾延迟的资源真相

Chunked Prefil 大小影响哪些&#xff1f; 影响TPOT 和TTFT。 吞吐吗。 吞吐是怎么定义的&#xff1f; 以及QPS怎么定义的&#xff0c;以及并发树的关系&#xff1f; https://support.huaweicloud.com/intl/en-us/bestpractice-modelarts/modelarts_llm_infer_5906026.html Red…...

编程新知 2026/4/2 1:24:11

给AI模型‘打补丁’：用‘上下文提示’和‘查询分解’两招，轻松提升多模态大模型的抗攻击能力

多模态大模型防御实战&#xff1a;用上下文提示与查询分解抵御图像对抗攻击 当你在社交媒体上传一张"猫"的照片&#xff0c;AI系统却识别为"狗"——这种看似无害的错误在医疗影像分析或自动驾驶场景中可能引发灾难。2024年CVPR会议揭示了一个关键发现&…...

编程新知 2026/4/1 23:09:59

人工智能|大模型——模型——大模型蒸馏详解（定义/原理/关键技术/落地）

摘要大模型蒸馏&#xff08;Model Distillation&#xff09;&#xff0c;即知识蒸馏&#xff08;Knowledge Distillation&#xff09;&#xff0c;是一种将大型教师模型&#xff08;如BERT、GPT-4o、DeepSeek-R1&#xff09;的“隐含知识”高效迁移至轻量级学生模型&#xff08…...

编程新知 2026/4/1 22:15:14

告别预烘焙！在UE材质编辑器中实时生成FlowMap和法线贴图（附节点图）

实时材质魔法&#xff1a;UE引擎中FlowMap与法线贴图的动态生成技术 在游戏开发与动态视觉创作领域&#xff0c;材质表现的真实感与动态效果一直是技术美术师们追求的核心目标。传统工作流中&#xff0c;FlowMap&#xff08;流场图&#xff09;和法线贴图的生成往往依赖于外部软…...

编程新知 2026/4/1 21:48:41

基于S7-200 PLC和MCGS组态的灌装贴标生产线系统：带解释的梯形图程序、接线图原理图图...

基于S7-200 PLC和MCGS组态的灌装贴标生产线系统 带解释的梯形图接线图原理图图纸&#xff0c;io分配&#xff0c;组态画面车间里那台老灌装线最近被我折腾得焕然一新&#xff0c;用S7-200 PLC搭配MCGS组态搞了个自动化改造。这活儿干下来发现几个关键点特别有意思&#xff0c;尤…...

编程新知 2026/4/1 21:32:32

Phi-4-mini-reasoning推理模型5分钟快速上手：数学题逻辑题一键解答

Phi-4-mini-reasoning推理模型5分钟快速上手&#xff1a;数学题逻辑题一键解答 1. 为什么选择Phi-4-mini-reasoning&#xff1f; 如果你经常需要解决数学题、逻辑题或者需要一步步分析的问题&#xff0c;Phi-4-mini-reasoning就是为你量身定制的AI助手。这个模型不像那些通用…...

编程新知 2026/4/1 21:02:07

VCS编译SystemVerilog时，那个‘-P’选项你加对了吗？详解Verdi PLI配置

VCS编译SystemVerilog时&#xff0c;那个‘-P’选项你加对了吗&#xff1f;详解Verdi PLI配置 在芯片验证的日常工作中&#xff0c;VCSVerdi的组合堪称黄金搭档。但当你满怀信心地敲下编译命令&#xff0c;却发现怎么也生成不了关键的fsdb波形文件时&#xff0c;那种挫败感简直…...

编程新知 2026/4/1 19:49:16

Ubuntu下ibus输入法全拼与双拼切换疑难解析+VNC远程输入法同步失效解决方案

1. 全拼与双拼模式切换问题解析 第一次在Ubuntu上使用ibus输入法时&#xff0c;很多人会发现输入"zhong"却出现"zang ong"这样的错误候选词。这其实是因为ibus默认启用了双拼模式&#xff0c;而大多数用户更习惯使用全拼输入。双拼模式要求每个汉字只需输…...

编程新知 2026/4/1 19:35:11

实战开发：基于快马AI为mc jc服务器快速生成定制化空岛生存玩法插件

今天想和大家分享一个实战案例&#xff1a;如何用InsCode(快马)平台为我的MC JC服务器快速开发一个定制化的空岛生存玩法插件。整个过程比想象中顺利很多&#xff0c;特别适合需要快速迭代玩服的服主们。 需求分析阶段 空岛生存模式需要解决四个核心问题&#xff1a;初始环境生…...

编程新知 2026/4/1 17:03:39

2026最权威的降重复率工具解析与推荐

Ai论文网站排名&#xff08;开题报告、文献综述、降aigc率、降重综合对比&#xff09; TOP1. 千笔AI TOP2. aipasspaper TOP3. 清北论文 TOP4. 豆包 TOP5. kimi TOP6. deepseek 知网AI检测系统会去对文本的语义连贯性展开多维分析&#xff0c;会对文本的句式结构进行多维…...

编程新知 2026/4/1 16:55:18