React中自定义依赖库并替换后修改未生效问题求助

兄弟我太懂你这种改完代码却看不到效果的憋屈感了！咱们来一步步排查问题，同时给你更稳妥的替换方案，避免下次再踩坑～

先排查当前操作的问题点 #

• 缓存在搞鬼：React开发环境和yarn都有缓存机制，很可能旧的库文件还被缓存着。试试这两步：

  1. 直接重启你的开发服务器（Ctrl+C终止后重新yarn start），很多时候缓存一清就好了。
  2. 清理yarn全局缓存，执行命令：yarn cache clean，之后再重启项目。

• 替换的文件不完整：你只替换了node_modules/MY_LIB/dist目录，但有些库的核心文件可能不在dist里，或者根目录还有其他配置/入口文件没更新。建议直接把你本地修改并编译好的整个库文件夹，替换掉node_modules里的整个MY_LIB文件夹，确保所有文件都是最新的。

• 编译命令不对：你执行的build命令是不是库指定的？去看库的package.json里的scripts字段，有些库需要用特定的编译脚本（比如yarn run build:prod），如果用错命令，生成的编译产物可能不是最新的或者格式不对。

更靠谱的替代方案：用yarn link管理本地依赖 #

直接替换node_modules的方法很容易被后续的yarn install覆盖，而且操作繁琐。推荐用yarn的链接功能，把本地修改的库和项目关联起来：

1. 进入你本地克隆并修改好的库目录，执行：yarn link，把这个库注册到yarn全局。
2. 回到你的React项目目录，执行：yarn link MY_LIB，这样项目就会优先使用你本地修改后的库，而不是npm仓库里的版本。
3. 以后每次修改库代码后，只需要在库目录重新执行yarn build，项目里就能实时看到变化，再也不用手动替换文件了！

额外排查点 #

如果上面的方法都没用，看看库的package.json里的main、module、exports字段，确认编译后的文件路径和原库一致。有些库会区分ES模块和CommonJS模块，要是编译产物的路径不对，项目可能还是加载旧的模块。

备注：内容来源于stack exchange，提问作者luckydev