VS Code - ReferenceError: $ is not defined WHY?

Question

我正在学习大胆的设计模式课程。有提供材料，我已经在上面实现了一些，然后尝试调试。但是它给了我一个错误，说我没有链接到 jQuery 即使它被定义为

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/retain.js"></script>

在单独的 index.html 文件上

因为文件是课程提供的，所以应该写对了。所以我必须事先做点什么...

我是 JS 代码的新手，搜索并浏览了很多视频但仍然没有想法：（我已经设置 config.json（如介绍视频 https://www.youtube.com/watch?v=6cOsxaNC06c&t=103s 中所问）。我将不胜感激如果有人能提供帮助！（或者任何人都可以指导我在 VS Code 上进行调试的好教程）。提前谢谢你。

Answer 1

我不知道自己在做什么。现在我知道没有用于 JS 前端项目的调试工具，我所能做的就是去开发工具或通常的 console.log 查看错误可能在哪里。呸

Answer 2

调试器 type 应该是 Chrome

“.vscode”文件夹下有一个名为“launch.json”的配置文件，它允许您select调试器需要的环境类型运行.如果您 select 您的调试器类型为“Chrome”，您应该能够在 Chrome.

上调试脚本浏览器端

.vscode/launch.json

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Launch index.html",
      "type": "chrome",
      "request": "launch",
      "file": "${workspaceFolder}/index.html"
    }
  ]
}