node_modules 中的代码未反映在浏览器中

Posted 2023-02-22

【中文标题】node_modules 中的代码未反映在浏览器中

【英文标题】：Code in node_modules is not reflected in browser

【发布时间】：2021-01-14 10:30:16

【问题描述】：

我已经在 Github 上 fork了 vuejs-datepicker 项目（因为项目中的一个错误，但这与此事无关）。我对这个分叉项目所做的更改并未反映在浏览器中的最终结果中，在我使用此依赖项的项目中。

这是我的工作：

添加控制台日志、警报，甚至从源代码中删除 som 关键功能，以确保更改易于检测 提交更改并将更改推送到分叉项目 在我的主项目中，我现在运行 npm update，然后我验证可以在 node_modules\vuejs-datepicker 文件夹中的相关文件中看到更改 我运行npm run serve 并加载我的主要项目。我所做的更改未反映在浏览器中

node_modules 文件夹中的文件：

Chrome中的编译文件（我可以验证这是带有断点的运行代码）：

包.json：

我尝试使用 npm cache clean 清除 npm 缓存，从 package.json 中删除项目引用并再次引用它，更新版本，但它似乎在我第一次使用这个分叉时使用了一些缓存我似乎找不到的项目。我也尝试过清除 dist 文件夹和我的浏览器缓存，但没有任何效果，但我猜 webpack 正在确保这不是问题。

我这里有什么遗漏吗？

【问题讨论】：

AFAIK npm update 只是更新包。你编译好 Vue 文件了吗？

当我使用 npm build 或 npm run serve 时，是否编译了来自 node_modules 的所需/引用的依赖项？

您是否正在为node_modules 文件夹中的日期选择器编辑文件？

否，如步骤 1 和 2 中所述。我更改源中的 vuejs-datepicker 代码，将其推送到 git，然后在我的主项目中下载/npm 更新它。

由于您使用的是 Vue，您可能正在使用 rollup 或 webpack。它可以配置为从您的代码中删除所有console.logs

【参考方案1】：

尝试以下命令重置node_modules

rm -rf node_modules package-lock.json
npm install

【讨论】：

非常感谢，但已经半年了，我的情况已经不一样了。

这张票刚刚被@wrkyle 打赏了