标签: chrome-debugging

React Native 网络调试不适用于 GraphQL

我正在使用React Native 调试器来调试我的 React Native 应用程序。但是当我尝试检查 GraphQL 查询(由 Apollo 客户端发送)时,我Nothing to preview在调试器的Preview窗口中看到了。没有错误,也没有传达发生这种情况的原因。调试器似乎无法以某种方式解析响应?服务器的响应已正确发送。这是已知问题吗?

reactjs graphql react-native apollo-client chrome-debugging

5
推荐指数
0
解决办法
643
查看次数

node_modules 文件夹的框架忽略列表模式

在 Chrome 调试器中,在 React Native 调试会话期间,我可以通过右键单击源文件编辑器并选择Add script to ignore list. 不是最佳解决方案。

我知道我可以使用框架忽略列表(设置 > 忽略列表)中的模式排除文件夹。由于不精通正则表达式,我寻找了一个现有的示例,但没有成功。有人可以提供一个经过测试的示例,说明如何忽略与项目源代码无关的所有库,特别是/node_modules文件夹吗?

javascript react-native chrome-debugging

5
推荐指数
1
解决办法
1278
查看次数

Chrome 调试器 - 如何在不进入函数的情况下转到下一行?

例如:

const x = 10
const f1 = () => {/* do something... */}
f1() // <<-- I'm here
console.log(x) // I want to go here without entring to f1 AT ALL but still let f1 execute.
Run Code Online (Sandbox Code Playgroud)

我想让f1执行,但我不想重蹈覆辙。

是否可以?


无重复:

另一个问题是找到一种方法来阻止任何行执行,而这个问题是让唯一函数调用的行执行但没有调试器进入其执行。

javascript google-chrome google-chrome-devtools chrome-debugging

3
推荐指数
1
解决办法
9402
查看次数

9229端口有什么意义,可以改吗?

默认情况下,当我运行本地 Node 服务器时,我被教导在端口3000上运行它。

在阅读了设置为检查端口9229的 Chrome 节点调试器的教程后,我切换到了这个端口。

这是端口 3000 上的类似Q/A

这是教程

我可以将默认值切换为 3000 吗?

这样它将匹配我的 Express 本地端口:

app.set('port', (process.env.PORT || 3000));
Run Code Online (Sandbox Code Playgroud)

还是将我的本地快递服务器更改为 9229 会更谨慎?

javascript node.js express chrome-debugging

3
推荐指数
1
解决办法
2312
查看次数

无法通过在 Visual Studio Code 中为 Angular 8 项目启动 Chrome 调试器来工作

将 Angular 升级到版本 8 后,我现在无法在 Visual Studio Code 中运行 Chrome 调试器。

我没有改变我的launch.json,它类似于以下内容:

{
  "type": "chrome",
  "request": "launch",
  "name": "Launch Chrome (https)",
  "url": "https://myhost.domain.com:4200",
  "webRoot": "${workspaceFolder}"
},
Run Code Online (Sandbox Code Playgroud)

我通过以下命令启动 Angular 应用程序

ng serve --host myhost.domain.com --ssl --disableHostCheck
Run Code Online (Sandbox Code Playgroud)

这在升级之前已经工作了很长时间。我能够在 Angular 中启动 Chrome 并调试不同的组件。现在它所做的只是声明“未验证的断点”

我尝试了以下方法:

  • 将 webRoot 文件夹位置更改为不同的可能位置。当我提供应用程序时,我确实注意到输出中有一条新消息。( https://myhost.domain.com:4200/webpack-dev-server/ ? ?wds?: webpack 输出来自 / ? ?wds?: 404s 将回退到 //index.html)

  • 卸载和重新安装 Visual Studio Code 扩展

  • 添加 SourceMap:true
  • 使用 ng new test-project 创建一个全新的 Angular 项目并尝试调试这个项目,它也做同样的事情。

这是我的 package.json 的样子:

{
  "name": "my-application",
  "version": "0.7.2",
  "scripts": {
    "ng": …
Run Code Online (Sandbox Code Playgroud)

typescript angular chrome-debugging

3
推荐指数
1
解决办法
3377
查看次数