React应用集成GA4后DebugView无事件及调试设备显示求助

我正在使用react-ga4开发React应用，尝试通过Google Analytics 4（GA4）跟踪页面浏览量与事件。希望借助GA4 DebugView验证事件，但始终无法看到任何事件或调试设备，即便已尝试常规排查步骤。

已尝试的操作 #

• 使用正确的GA4测量ID执行ReactGA.initialize("G-XXXXXXXXXX")初始化。
• 通过ReactGA.send("pageview")发送页面浏览量，也尝试过ReactGA.pageview(window.location.pathname)。
• 在初始化GA前添加代码：window.dataLayer = window.dataLayer || []; window.dataLayer.push({ 'debug_mode': true });。
• 在localhost:3000上运行应用（该环境应自动启用调试模式）。
• 禁用所有广告拦截器和隐私扩展，尝试隐身模式及多款浏览器。
• 检查网络标签：能看到gtag/js加载，但从未出现g/collect请求。
• 在控制台手动发送事件：window.gtag('event', 'test_event', { debug_mode: true });，DebugView中仍无内容。
• 反复确认测量ID与GA4属性匹配。
• 等待数分钟并刷新DebugView，浏览器控制台无报错。

当前代码示例 #

ReactGA.initialize("G-XXXXXXXXXX");
const App = () => {
    useEffect(() => {
        ReactGA.send({ hitType: "pageview", page: "/index", title: "Home" });
        ReactGA.event({category: "your category", action: "your action"});
    }, []);
}

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