jsをlaravelのbladeに読み込ませようとしたら、cdnが効かなくなった。

前提・実現したいこと

laravelのBlade内にvueコンポーネントを組み込もうとしました。
その際、vueをインストールした後、npm run　dev した後、jsをbladeに読み込ませたら、元々cdnのbootstrapで作っていたドロップダウンが効かなくなってしまいました。
ドロップダウンがまた効くようにしたい。

該当のソースコード

laravel
1<script src="{{ mix('js/app.js') }}"></script>
2  
3  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
4  
5  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.4/umd/popper.min.js"></script>
6  
7  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
8  
9  <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mdbootstrap/4.8.11/js/mdb.min.js"></script>
10

packagejson
1{
2    "private": true,
3    "scripts": {
4        "dev": "npm run development",
5        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
6        "watch": "npm run development -- --watch",
7        "watch-poll": "npm run watch -- --watch-poll",
8        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
9        "prod": "npm run production",
10        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
11    },
12    "devDependencies": {
13        "axios": "^0.19",
14        "bootstrap": "^4.0.0",
15        "cross-env": "^5.1",
16        "jquery": "^3.2",
17        "laravel-mix": "^4.0.7",
18        "lodash": "^4.17.13",
19        "popper.js": "^1.12",
20        "resolve-url-loader": "^2.3.1",
21        "sass": "^1.15.2",
22        "sass-loader": "^7.1.0",
23        "vue": "^2.6.11",
24        "vue-template-compiler": "^2.6.11"
25    }
26}
27