我的javascript不工作，但没有错误Laravel 6

我现在正在尝试在我的项目中使用javascripts。有人能解释一下，我们如何让javascripts在Laravel项目中工作吗？
除了js方之外，所有代码都可以工作 它不会出现在屏幕上
谢谢
这是我的代码：
checkout.blade.php

@extends('layouts.default')                             
@section('content')           
 //code                 
@endsection                 
@section('extra-js')
  
    <script src="https://js.braintreegateway.com/web/dropin/1.13.0/js/dropin.min.js"></script>
    <script>

            (function(){
            var form = document.querySelector('#paypal-payment-form');
            var client_token = "{{ $paypalToken }}";

            braintree.dropin.create({
              authorization: client_token,
              selector: '#bt-dropin',
              paypal: {
                flow: 'vault'
              }
            }, function (createErr, instance) {
              if (createErr) {
                console.log('Create Error', createErr);
                return;
              }

              // remove credit card option
              var elem = document.querySelector('.braintree-option__card');
              elem.parentNode.removeChild(elem);

              form.addEventListener('submit', function (event) {
                event.preventDefault();

                instance.requestPaymentMethod(function (err, payload) {
                  if (err) {
                    console.log('Request Payment Method Error', err);
                    return;
                  }

                  // Add the nonce to the form and submit
                  document.querySelector('#nonce').value = payload.nonce;
                  form.submit();
                });
              });
            });

        })();
    </script>
@endsection                          

 @yield('content')
    @yield('extra-js')
    <script src="{{ asset('js/app.js') }}"></script>
               

@extends（'layouts.default'））
@节（“内容”）
//代码
@端部
@节（“额外-js”）
（功能（）{
var form=document.querySelector（“#贝宝支付表单”）；
var client_token=“{{$paypalToken}}”；
braintree.dropin.create({
授权：客户端\u令牌，
选择器：“#bt dropin”，
贝宝：{
流程：“保险库”
}
}，函数（createErr，实例）{
if（createErr）{
log（'Create Error'，createErr）；
返回；
}
//删除信用卡选项
var elem=document.querySelector（'.braintree-option__-card'）；
elem.parentNode.removeChild（elem）；
表单.addEventListener（'submit'，函数（事件）{
event.preventDefault（）；
requestPaymentMethod（函数（err，有效负载）{
如果（错误）{
console.log（'Request Payment Method Error'，err）；
返回；
}
//将nonce添加到表单并提交
document.querySelector（“#nonce”）.value=payload.nonce；
表单提交（）；
});
});
});
})();
@端部

这是我默认的.blade.php的一部分
default.blade.php

@extends('layouts.default')                             
@section('content')           
 //code                 
@endsection                 
@section('extra-js')
  
    <script src="https://js.braintreegateway.com/web/dropin/1.13.0/js/dropin.min.js"></script>
    <script>

            (function(){
            var form = document.querySelector('#paypal-payment-form');
            var client_token = "{{ $paypalToken }}";

            braintree.dropin.create({
              authorization: client_token,
              selector: '#bt-dropin',
              paypal: {
                flow: 'vault'
              }
            }, function (createErr, instance) {
              if (createErr) {
                console.log('Create Error', createErr);
                return;
              }

              // remove credit card option
              var elem = document.querySelector('.braintree-option__card');
              elem.parentNode.removeChild(elem);

              form.addEventListener('submit', function (event) {
                event.preventDefault();

                instance.requestPaymentMethod(function (err, payload) {
                  if (err) {
                    console.log('Request Payment Method Error', err);
                    return;
                  }

                  // Add the nonce to the form and submit
                  document.querySelector('#nonce').value = payload.nonce;
                  form.submit();
                });
              });
            });

        })();
    </script>
@endsection                          

 @yield('content')
    @yield('extra-js')
    <script src="{{ asset('js/app.js') }}"></script>
               

@yield（'content'））
@收益率（'extra-js'）

当你说“不工作”时。。。它是否运行（将console.log作为第一个要检查的语句）

$（document）。ready（function（）{

是jQuery。您是否在某处加载jQuery？我添加它只是为了防止它想工作，但不工作-Emiel zuurbier所有代码在js方之外工作，它不会出现在屏幕上-Jaromanda X