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.

Dacă te uiți într-o consolă JavaScript, poți obține mai multe informații. Probabil că aveți o eroare în consola dvs. care spune JQuery nu este definit. Asta pentru că ai declarat JQuery dar variabila este jQuery. Deci asta:

})(JQuery, Drupal);

Ar trebui sa fie asta:

})(jQuery, Drupal);

De asemenea, când doriți să testați dacă fișierul dvs. a fost atașat, ar trebui să adăugați o comandă de depanare direct în behaviors.attach(), mai degrabă decât o sub-funcție care necesită un clic (cum ați făcut). Deci, puteți testa dacă scriptul dvs. a fost adăugat astfel:

Drupal.behaviors.addAccessionBehavior = {
  atașați: funcție(context, setări){
    console.log("funcționează");
    $(".query_button").click(function(){
      // Faceți chestii la clic
    });
  }
};

Acest lucru va înregistra ceva la încărcarea paginii, ceea ce vă spune că scriptul s-a încărcat (și conține variabilele necesare).