ReactJS中持续出现Third-party cookie will be blocked警告的解决方法

• 定位第三方资源来源：这个警告的核心是应用内加载的第三方脚本（如分析工具、广告SDK、嵌入iframe）在尝试设置第三方Cookie。先排查项目中引入的各类依赖，逐个临时移除后观察警告是否消失，锁定具体触发的资源。
• 本地开发临时屏蔽（仅测试用）：如果只是本地开发不想被干扰，可调整浏览器Cookie设置：
  1. 在Chrome地址栏输入chrome://settings/cookies
  2. 开启"允许所有Cookie"，或把你的开发域名加入"允许的网站"列表。注意这只是临时方案，上线环境不适用。
• 优化第三方资源加载策略：若必须保留第三方资源，优先改用同源部署方式，或选择支持无Cookie的替代方案（比如部分分析工具支持基于本地存储的统计逻辑，或通过服务端转发第三方请求）。
• 排查跨域请求的Cookie配置：如果应用向第三方域名发送请求时开启了withCredentials（比如axios/fetch中设置该属性为true），但对方服务器未配置SameSite=None; Secure的Cookie属性（仅HTTPS环境生效），也会触发警告。检查这类请求，确认是否必要携带Cookie，或协调第三方服务调整Cookie策略。
• 更新/调整React DevTools：少数情况下React DevTools的旧版本或特定功能会触发该警告，尝试关闭DevTools观察，或更新到最新版本。

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