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

Far*_*sen 7 javascript node.js npm webpack vue.js

我已经在 Github 上分叉了 vuejs-datepicker 项目(因为项目中存在错误,但这与此事无关)。我对此分叉项目所做的更改不会反映在浏览器和使用此依赖项的项目中的最终结果中。

\n

这是我所做的:

\n
    \n
  1. 添加 console.log\xc2\xb4s、警报,甚至从源代码中删除一些关键功能,以确保更改易于检测
  2. \n
  3. 提交并将更改推送到分叉项目
  4. \n
  5. 在我的主项目中,我现在运行npm update,然后验证是否可以在 node_modules\\vuejs-datepicker 文件夹中的相关文件中看到更改
  6. \n
  7. 我运行npm run serve并加载我的主项目。I\xc2\xb4ve 所做的更改未反映在浏览器中
  8. \n
\n

node_modules 文件夹中的文件:\nnode_modules中的文件内容

\n

Chrome 中的编译文件(我可以验证这是带断点的运行代码):\nchrome 中编译的文件

\n

包.json:\n包.json

\n

I\xc2\xb4ve 尝试使用 清除 npm 缓存npm cache clean,从 package.json 中删除项目引用并再次引用它,从而提高版本,但似乎它正在使用我第一次使用这个分叉项目时的一些缓存,我可以\xc2\xb4t 似乎找到了。我\xc2\xb4ve 还尝试清除 dist 文件夹和我的浏览器\xc2\xb4s 缓存,但没有效果,但我猜 webpack 正在确保这不是问题。

\n

我在这里错过了什么吗?

\n

Dav*_*haw 5

尝试以下命令来重置node_modules

rm -rf node_modules package-lock.json
npm install
Run Code Online (Sandbox Code Playgroud)