前端 - pnpm patch 为项目打补丁成功，项目运行没生效？

Question

我发现一个 el-form 的小问题，于是我在自己项目里决定为element-ui打个补丁。

项目 vite@3.0.2, vue@2.7.7, pnpm, element-ui@^2.15.14

我运行 pnpm path element-ui@^2.15.14, 然后改了提交了

根目录 patches 文件也生成了

package.json 也有相应的更改

node_modules 相应的代码也更改了

我运行代码后（pnpm dev) 该问题依旧存在，调试发现源码中依然没改

尝试了清除缓存（pnpm prune），或者删包(node_modules)重装,依旧没有解决，特来求助网上的大佬帮忙看看������

Answer 1

因为你改错文件了

element-ui 的入口模块文件是 /lib/element-ui.common.js

你要改这个文件才有效

Answer 2

对于你提到的 pnpm patch 未能生效的问题，有几个可能的原因和相应的解决方案：

1. 缓存问题：虽然你已经尝试清除缓存，但有时候缓存可能仍然影响。确保你的构建系统和开发服务器也清除了缓存。如果使用的是 Webpack，可以尝试重启 Webpack 开发服务器。
2. 源码映射问题：调试时看到的源码可能不是实际运行的源码，而是因为源码映射（source map）导致你看到的是未修改前的源码。检查你的构建配置是否正确地处理了源码映射。
3. 构建流程问题：确保你的构建流程正确地包含了 node_modules 中的修改。有时候构建工具会忽略 node_modules 中的变化，或者使用了缓存的构建输出。
4. pnpm patch 应用问题：pnpm patch 可能没有正确地将补丁应用到 node_modules 中的 element-ui 包。虽然你提到了 node_modules 中的代码已经更改，但可能并没有正确应用到所有的文件或所有的入口点。
5. 其他依赖问题：确保没有其他依赖项或插件干扰了 element-ui 的行为。有时，即使 element-ui 本身被修改，其他依赖项也可能覆盖或影响这些更改。

解决方案：

• 确保你的开发服务器和构建系统都已重新启动，并且清除了所有可能的缓存。
• 检查并确认源码映射是否正确设置，并且你的调试工具正在使用正确的源码。
• 重新运行 pnpm patch，并检查是否有任何错误或警告输出。
• 如果可能，尝试手动修改 node_modules/element-ui 中的文件，以确认直接修改是否能解决问题。这可以帮助确定问题是否确实与 pnpm patch 相关。
• 检查你的项目是否还有其他地方（如 Webpack 配置、Babel 插件等）可能影响到 element-ui 的行为。

如果上述方法都不能解决问题，可能需要更深入地调查你的项目配置和 pnpm patch 的使用方式。由于 pnpm 是一个相对不那么流行的包管理器，社区和官方文档可能不像 npm 或 yarn 那样丰富，因此你可能需要查阅更具体的文档或寻求 pnpm 社区的帮助。