安装react-scripts为devDependency后控制台出现joinAdInterestGroup追踪如何解决

该现象和你将react-scripts移动到devDependencies、以及jridgewell/trace-mapping依赖均无关联，这些日志并非你的项目代码或npm依赖输出。
你看到的#%#//scriptlet(...)格式内容，是AdGuard、uBlock Origin等广告拦截类浏览器扩展注入页面的规则脚本输出的调试日志：

• 拦截navigator.joinAdInterestGroup、navigator.leaveAdInterestGroup、browsingTopics等API的规则，是扩展内置的通用隐私保护规则，作用是禁止网站调用浏览器的广告定向、用户追踪相关API
• 带~coupang.com,~coupangcdn.com前缀的规则，是针对Coupang平台广告联盟追踪脚本的专项拦截规则
• 控制台里VM开头的脚本来源，就是扩展动态注入到页面的临时脚本，不属于你本地项目的构建产物。
  两者时间点重合只是巧合：你调整依赖的时间段刚好遇上扩展自动更新规则、或者误触开启了扩展的规则命中trace日志开关，才会误以为是依赖变更导致的问题。

• 针对本地开发域名（localhost、127.0.0.1）单独停用广告拦截扩展，绝大多数广告拦截扩展都支持单站点停用，不会影响其他网站的广告拦截效果
• 打开广告拦截扩展的设置面板，在高级设置中找到「规则调试」「命中日志记录」类开关，关闭scriptlet执行的trace输出即可，无需完全停用扩展
• 直接在浏览器控制台的过滤栏中添加屏蔽规则，过滤包含scriptlet、trace start、trace end关键词的日志，不影响查看项目自身输出的调试信息

内容的提问来源于stack exchange，提问作者Paeon