如何使用next.js对依赖包进行console.log调试

weylhg0b  于 9个月前  发布在  其他
关注(0)|答案(1)|浏览(225)

运行next dev,我可以在浏览器(例如Chrome)中将断点放在以下路径的.js文件上,并命中断点(此文件是我正在处理的项目的依赖包的一部分):

webpack-internal://
.
node_modules
ra-core/esm
dataProvider
useGetMany.js

字符串
然而,我想在该文件中进行一些console.log调试。碰巧该文件最初是一个TypeScript文件-但我不介意编辑生成的.js还是原始的.ts
问题是我的console.log似乎没有生效。在node_modules中编辑了useGetMany.js/useGetMany.ts的每个副本,重新启动开发服务器,并进行了硬刷新,我仍然没有看到我的编辑显示在.js源代码中,我看到在浏览器中浏览webpack-internal://(我在Chrome和Firefox中都看到了这一点)。我也没有看到我的console.log输出。
以下是我编辑的文件:

node_modules/ra-core/esm/dataProvider/useGetMany.js
node_modules/ra-core/lib/dataProvider/useGetMany.js
node_modules/ra-core/src/dataProvider/useGetMany.ts


我做错了什么,我如何在这里进行console.log调试?

iovurdzv

iovurdzv1#

下一个开发服务器默认在服务器端呈现文件,因此console.log应该在开发服务器启动的终端上输出。
如果仍然没有输出日志,您可以尝试先删除.next缓存文件夹。

相关问题