Как добавить внешний Javascript в виде Laravel

Question

Я пытаюсь добавить свой файл javascript извне в моем виде входа в систему.Я дал ссылку js src на мои layouts / app.blade.php в конце тела и в голове тоже.Я пытался дать ссылку JS мой взгляд, но он не работает.Сценарий работает только тогда, когда я размещаю его внутри в моем представлении входа в систему.

Login.blade.php

<script>
//internal script
   $(document).ready(function(){
        alert("this is alert");
        $(".btn-gSignIn").mouseenter(function(){
            $(".btn-gSignIn").animate({background-color: white , color:#4285F4 , border-radius: 0px},5000);
            $(".btn-gSignIn").animate({background-color: #F3F3F3 , color:black , border-radius: 20px},5000);
        });
        $("div").css("background-color", "grey");

    });

</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> 
            <script src="{{ asset('js/app.js') }}" ></script>
    <script type="text/babel" src="{{ asset('js/login.js') }}" ></script>

app.blade.php

        <main class="py-4">
            @yield('content')

        </main>
    </div>

</body>

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> 
            <script src="{{ asset('js/app.js') }}" ></script>
    <script type="text/babel" src="{{ asset('js/login.js') }}" ></script>

Answer 1

В вашем login.blade.php, после @endsection поместите ваш импорт js в стек push:

@push('js')
<script src="{{ asset('js/login.js') }}" ></script>
@endpush

В вашем app.blade.php поместите ваши js-файлы непосредственно перед тем, как кончится ваш тег </body>.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.0/jquery.min.js"</script> 
<script src="{{ asset('js/app.js') }}" ></script>
@stack('js')
</body>

также, если вы используете app.js по умолчанию, который поставляется с laravel, то это может вызвать конфликт с jquery.