Ошибка WebStorm ReferenceError: $ не определено
Итак, я получил эту ошибку при компиляции в WebStorm:
(function (exports, require, module, __filename, __dirname) { $(function () {
ReferenceError: $ is not defined
Похоже, что jQuery не загружается должным образом. Вот мой HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title>Title</title>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script type = "text/javascript" src = "AlexTypescript.js"></script>
</head>
<body>
<div>
<button id = "BtnBC">
Change BC
</button>
</div>
</body>
</html>
и вот моя функция:
$(function () {
$("#BtnBC").on("click", function () {
$("body").css("background-color", "black");
});
});
Я создал простую кнопку, чтобы проверить, работает ли она вообще. Это. Я просто получаю сообщение об ошибке при компиляции в WebStorm.
Что я сделал до сих пор:
1) Clean installation of the IDE, nodejs, modules etc.
2) Checking the referenced path of jQuery and that it is loaded before the .js file
3) Referencing a local jQuery installation as well as the CDN
4) Writing jQuery instead of $
Я новичок в программировании, поэтому был бы очень признателен за помощь :)
Ответы 1
попробуйте изменить, знак доллара ($) просто псевдоним jQuery, другие фреймворки и библиотеки могут использовать $.
jQuery(function ($) {
$("#BtnBC").on("click", function () {
$("body").css("background-color", "black");
});
});<!DOCTYPE html>
<html>
<head>
<meta charset = "UTF-8">
<title>Title</title>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script type = "text/javascript" src = "AlexTypescript.js"></script>
</head>
<body>
<div>
<button id = "BtnBC">
Change BC
</button>
</div>
</body>
</html>@Captain я создал фрагмент кода с этим кодом, и он работает
Ваш код действительно работает. Я тоже, когда загружаю сайт и нажимаю кнопку. Проблема, с которой я столкнулся, заключается в том, что Webstorm выдает мне сообщение об ошибке, когда я пытаюсь скомпилировать код в самой среде IDE, и я не знаю почему.
Вы используете скрипт типа? Скомпилировать?
Да, я кодирую файл машинописного текста и использую node.js для компиляции транспилированного файла javascript.
Тот же результат: ReferenceError: jQuery не определен