运行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
调试?
1条答案
按热度按时间iovurdzv1#
下一个开发服务器默认在服务器端呈现文件,因此
console.log
应该在开发服务器启动的终端上输出。如果仍然没有输出日志,您可以尝试先删除
.next
缓存文件夹。