ReferenceError: 尽管 jQuery 已正确初始化，但 $ 未定义

Question

我只从 JS、jQuery 和 Node JS 开始，现在尝试在 localhost:3000 服务器上从 Hyper 运行我的 Simon Game。我的 JS 代码中的第一个 $ 符号出现引用错误，如下所示：\Simon_Game\game2.js:18$(document).keypress(function() { ^ ReferenceError: $ 未在对象中定义。(C:\Users\dkhme\OneDrive\The Complete 2020 Web Development Bootcamp\Web Development\Simon_Game\game2.js:18:3 ）在Module._compile（内部/模块/cjs/loader.js：1063：30）在Object.Module._extensions..js（内部/模块/cjs/loader.js：1092：10）在Module.load（内部/modules/cjs/loader.js:928:32) 在 Function.Module._load (internal/modules/cjs/loader.js:769:14) 在 Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js :72:12) 在内部/main/run_main_module.js:17:47 [nodemon] 应用程序崩溃 - 启动前等待文件更改...在链接到外部 JS 代码之前，我已在 HTML 中正确引用了 jQuery。为什么我会收到此参考错误？感谢大家。

Answer 1

Jquery 未正确加载。删除注释并将其添加到您正在使用的行上方<script src="game2.js" charset="utf-8"></script> 

   <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script> 

   <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>

   <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>