VS Code Google调试器未验证的断点

时间:2018-12-07 10:41:42

标签: reactjs debugging visual-studio-code

很长一段时间以来,我一直在VS Code中使用Google调试器,但是突然之间,我下载了一个示例项目,并且在应用开始评估为未经验证后,我的所有断点都立即消失了。一个无法找出原因。我认为打开的文件夹包含package.json。

项目本身运行顺利,只有在要调试时才会出现此问题。

看图片:

enter image description here

请,有人知道会导致什么吗?我想这可能与没有SRC文件夹并且所有内容都在PUBLIC文件夹内有关。

launch.json

{  
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "Launch Chrome against localhost",
      "url": "http://localhost:3000",
      "webRoot": "${workspaceFolder}"
    }
  ]
}

index.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Project Two: Timers</title>
  <link rel="stylesheet" href="./semantic-dist/semantic.css" />
  <link rel="stylesheet" href="style.css" />
  <script src="vendor/babel-standalone.js"></script>
  <script src="vendor/react.js"></script>
  <script src="vendor/react-dom.js"></script>
  <script src="vendor/uuid.js"></script>
  <script src="vendor/fetch.js"></script>
</head>

<body>
  <div id="main" class="main ui">
    <h1 class="ui dividing centered header">Timers</h1>
    <div id="content"></div>
  </div>
  <script type="text/babel" src="./js/client.js"></script>
  <script type="text/babel" src="./js/helpers.js"></script>
  <script type="text/babel" data-plugins="transform-class-properties" src="./js/app-complete.js"></script>
  <!-- Delete the script tag below to get started. -->
  <!-- <script type="text/babel" data-plugins="transform-class-properties" src="./js/app.js"></script> -->
</body>

</html>

0 个答案:

没有答案