Hello,

I have a template which holds a form with a few elements. I need to initialize the JS for some of these elements using jquery, but I keep getting an error saying: “$ is not defined”. I followed all the steps in this post: Setup, import and use Javascript in Phoenix and also from the official Phoenix docs.

Here is the npm section of my brunch-config.js:

      npm: {
        enabled: true,
        whitelist: ["jquery"],
        globals: {
          $: 'jquery',
          jQuery: 'jquery'
        }
      }

Here is how I am calling the script from my template:

    <script>
    $('.ui.tags.dropdown').dropdown({
      keys: {delimiter: 13},
        allowAdditions: true
    });
    </script>

Please let me know if I can provide more information.

Any help would be much appreciated, thanks in advance!