Why does my JS file not get loaded?

I am a beginner with Drupal. I want to include a JavaScript file using a custom module.

I created the .libraries.yml file, hello_world.libraries.yml.

hello_world_js:
  js:
    js/basic.js: {}
  dependencies:
    - core/jquery
    - core/drupal
    - core/drupalSettings

The module .info.yml file (hello_worl.info.yml) contains a reference to the library.

name: Hello World
type: module
description: Say Hello World
package: Custom
core: 8.x
libraries:
  - hello_world/hello_world_js

The JavaScript code in the basic.js file is the following one.

(function($,Drupal){
  Drupal.behaviors.addAccessionBehavior = {
    attach: function(context, settings){
      $(".query_button").click(function(){
        console.log("works");
      });
    }
  };
})(JQuery, Drupal);

When I click on a button using the .query_button CSS class, nothing happens and I don't know what the problem is.

Если вы посмотрите в консоль JavaScript, вы можете получить больше информации. У вас, вероятно, есть ошибка в вашей консоли, которая говорит JQuery не определен. Это потому, что вы объявили JQuery но переменная jQuery. Итак, это:

})(JQuery, Друпал);

Должно быть так:

})(jQuery, Drupal);

Кроме того, если вы хотите проверить, был ли прикреплен ваш файл, вы должны добавить команду отладки непосредственно в behaviors.attach(), а не подфункцию, которая требует щелчка (как вы сделали). Таким образом, вы можете проверить, был ли добавлен ваш скрипт следующим образом:

Drupal.behaviors.addAccessionBehavior = {
  прикрепить: функция (контекст, настройки) {
    console.log("работает");
    $(".query_button").click(функция(){
      // Делаем что-то по клику
    });
  }
};

Это зарегистрирует что-то при загрузке страницы, что сообщит вам, что скрипт загружен (и содержит необходимые переменные).