

### 実現したいこと

laravel6に外部ファイルに記述したapp.jsを読み込ませたい

### エラーが発生した手順

画面上部に固定しているドロップダウンメニューが開けない、開いても閉じれない（開いたまま）で動かせなくなる

### 対象のソースコード

[code]

    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    <script src="{{ asset('js/app.js') }}"></script>　←追加した1行
    
[/code]

共通bladeファイルのbody下段にjquery等とまとめて記載しています。

[code]

    <script src="{{ asset('js/app.js') }}"></script>
    
[/code]

上記記載前は、ドロップダウンメニューは動いていました。

[code]

    const mix = require('laravel-mix');
    
    mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css')
    .sass('resources/sass/custom.scss', 'public/css');
    
[/code]

webpack.mix.jsに上記の記載しnpm install && npm run dev実行しています。

### 試したこと

head内にを記載しても同じ動きでした。

### 環境

・Laravel 6.18.40  
・php 7.2.33  
・bootstrap 4.3.1  
・Vue.js 2.6.12

JSファイルが干渉しているところまでは特定できましたが、それ以降途方に暮れています。  
ご助言、ご教授よろしくお願い致します。


CC BY-SA 4.0
2020-10-26T03:16:00.953
71509
2020-10-26T03:48:35.520
2020-10-26T03:48:35.520
3060
41814
question
javascript php laravel vue.js bootstrap
jsファイルを読み込ませるとドロップダウンメニューが動かない