Haml JQuery не работает на сборке SublimeText

Question

У меня есть ошибка, когда я пытаюсь построить "submitEvent.js выходной результат... но страница работает!!

"$ не определено" на консоли SublimeText 3

$ не определено (кто-то может помочь мне qq?)

(функция (export, require, module, __filename, __dirname) { $(document).ready(function(){

ReferenceError: $ is not defined
    at Object.<anonymous> (/home/utexm/Scrivania/Testing-20/customForm/js/submitEvent.js:1:63)
    at Module._compile (internal/modules/cjs/loader.js:688:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:699:10)
    at Module.load (internal/modules/cjs/loader.js:598:32)
    at tryModuleLoad (internal/modules/cjs/loader.js:537:12)
    at Function.Module._load (internal/modules/cjs/loader.js:529:3)
    at Function.Module.runMain (internal/modules/cjs/loader.js:741:12)
    at startup (internal/bootstrap/node.js:285:19)
    at bootstrapNodeJSCore (internal/bootstrap/node.js:739:3)

скрипт моего файла.haml

%script{ :src => "/js/jquery-3.3.1.min.js"}
%script{ :src => "/js/jquery-ui.min.js"}
%script{ :src => "/js/submitEvent.js" , :type => "text/javascript"}

submitEvent.js

$(document).ready(function(){
    $(function(){

        //0.1 CHECK SU FORM
        var form = document.getElementById('login');

        //Event
        form.addEventListener('submit', function(e){
            e.preventDefault(); // Previene l'invio immediato

            var elements = this.elements;  // Prende tutti gli elementi della form
            var username = elements.username.value; //form.username
            var msg = ' Welcome ' + username ; // Messaggio Benvenuto + Nome

            document.getElementsByClassName("msg")[0].textContent = msg;
        });
    });
});