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上调试)。谢谢您的帮助。

- Ichi

---

这是一个运行时错误还是在VS Code中的错误？ - Matt Bierner

这是 VS Code 的错误，它无法识别 $。 - Ichi

请问您能解释一下这是什么意思吗？您在 $ 上没有看到预期的建议，还是出现了其他错误？ - Matt Bierner

这看起来像是你代码的错误。你是如何启动调试器的？如果你只在那个文件上开始调试，那么 jQuery 将不会被加载，因为它只从 HTML 文件中引用。 - Matt Bierner

谢谢你的耐心等待。我会查看launch.json文件的。我只是浏览了视频，但不理解它的作用。非常感谢。我该如何给您点赞/声望？也许您可以将您的评论作为答案放上去？ - Ichi

Answer 1

调试器类型应为Chrome

在“.vscode”文件夹下有一个名为“launch.json”的配置文件，它允许您选择调试器需要运行的环境类型。如果您将调试器类型选择为“Chrome”，则应该能够在Chrome浏览器上对脚本进行浏览器端调试。

.vscode/launch.json

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

- tim-montague

Answer 2

我之前完全不知道该怎么做。现在知道了，在仅使用JS前端的项目中没有调试工具，我所能做的就是去开发工具或通常的console.log查看可能存在bug的地方。哎呀。

- Ichi

---

VS Code非常好地支持调试前端JavaScript。例如，可以查看Chrome调试器扩展程序，该扩展程序展示了如何为网页配置launch.json。 - Matt Bierner

@MattBierner，抱歉忘了感谢你这么长时间！！ - Ichi