launch.json中缺少配置JavaScriptDebug Terminal

Question

使用vscode运行JS出现

这个怎么办?
求解答

Answer 1

【问题描述】

按照这篇文章

403 Forbidden https://www.jb51.net/article/191603.htm

的步骤在vscode上安装拓展包Debugger for chrome 和 open in browser并进行了配置之后，

在第三步配置launch.json文件时 按出现问题  localhost拒绝了我们的访问请求（没截图）。

原来的configurations信息如下

【解决方法】

使用以下信息覆盖即可（原文没有覆盖）：

附上launch.json文件内容：

{

  // Use IntelliSense to learn about possible attributes.

  // Hover to view descriptions of existing attributes.

  // For more information, visit: 

Debugging in Visual Studio Code One of the great things in Visual Studio Code is debugging support. Set breakpoints, step-in, inspect variables and more. https://go.microsoft.com/fwlink/?linkid=830387

  "version": "0.2.0",

  "configurations": [

    {

      "type": "chrome",

      "request": "launch",

      "name": "使用本地chrome调试",

      "file": "${file}",

      "port":8000,

    }

  ]

}

【开始调试】：

在js代码部分设定断点，调试过程中注意调试控制台的提示信息。

可以看到，我这次是因为还没定义vue，所以报错了（其实以非调试模式运行也可以看到这个报错。）。i

【注意】

断点只能设在js代码处