Nuxt 3.14 DevTools在Chrome中无内容显示的解决求助

以下是针对该问题的几种可行解决思路：

• 清除Chrome缓存与站点数据
  打开Chrome设置，进入「隐私和安全」→「清除浏览数据」，勾选「缓存的图片和文件」「Cookie和其他网站数据」，时间范围选「所有时间」，点击清除后重启Chrome，再打开Nuxt项目和DevTools测试。

• 排查Chrome扩展冲突
  输入chrome://extensions/打开扩展管理页，开启「开发者模式」后临时禁用所有扩展，重新打开Nuxt项目检查DevTools是否恢复正常。如果正常，再逐个启用扩展，找出导致冲突的那个并禁用或更新它。

• 重置Chrome浏览器设置
  进入Chrome设置→「高级」→「重置和清理」→「重置设置为原始默认值」，确认重置后重新配置必要设置，再测试DevTools功能。

• 升级Nuxt及DevTools依赖
  在项目根目录执行npx nuxi upgrade --force强制升级Nuxt及相关依赖，或者单独更新DevTools包：npm install @nuxt/devtools@latest，完成后重启开发服务器再尝试打开DevTools。

• 临时启用Chrome跨域调试（仅用于调试）
  右键Chrome快捷方式选择「属性」，在「目标」栏末尾添加参数：
  Windows系统：--disable-web-security --user-data-dir="C:/ChromeDevSession"
  Mac/Linux系统：--disable-web-security --user-data-dir="/tmp/ChromeDevSession"
  注意：此操作会关闭Chrome的安全防护，调试完成后记得恢复正常启动方式。

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