Пользовательская функция jquery не работает в поле зрения: Laravel

Question

В Laravel 5.6 я пытаюсь использовать плагин ProgressBar, я установил его с помощью npm install progressbar.js и требуется в моем файле app.js.

Я также определил свою пользовательскую функцию -generate_circle() в моем app.js файле.

Когда я вызываю свою пользовательскую функцию generate_circle() в представлении внутри тега скрипта, я получаю ошибку

Uncaught ReferenceError: generate_circle isне определено

в моей консоли.Файлы плагинов загружены правильно, потому что я вижу код плагина в app.js file.so, это не проблема.

Может кто-нибудь помочь мне с этим?

Вот как мойФайл app.js выглядит как

require('./bootstrap');
var ProgressBar = require('progressbar.js');
function generate_circle(){
    var circle = new ProgressBar.Circle('.box',{
        fill: 'black',
        duration: 5000,
        warnings: true,
        step: function(state, circle, attachment) {
            circle.path.setAttribute('stroke', state.color);
        },
    });
    alert(1);
    circle.animate(1);
}

И это мое мнение:

--- header and other stuff --- 
<script src="{{URL::asset('js/app.js')}}"></script>
    <script>
        generate_circle();
    </script>
</body>
</html>