Laravel Uncaught ReferenceError webpackJsonp не определен в приложении.js: 1

поэтому я получаю следующую ошибку в строке консоли браузера, когда я тестирую свой веб-сайт Laravel 5.4:

Uncaught ReferenceError: webpackJsonp is not defined at app.js:1

теперь, честно говоря, я почти не знаю о webpack и связанных с ним, я просто следую инструкциям по компиляции активов, и обычно все работает...

в любом случае... Я использую Laravel 5.4 и поменял bootstrap3 на bootstrap4. В противном случае все почти так же, как в настройке laravel по умолчанию.

мой webpack.mix.js выглядит так:

mix.js('resources/assets/js/app.js', 'public/js')
.extract(['vue','tether','bootstrap'])
.sass('resources/assets/sass/app.scss', 'public/css');

мой assets/js/app.js (комментарии по умолчанию удалены для читабельности)

require('./bootstrap');
Vue.component('example', require('./components/Example.vue'));
const app = new Vue({
    el: '#app'
});

мой assets/js/bootstrap.js (комментарии по умолчанию удалены для читабельности)

window._ = require('lodash');
window.$ = window.jQuery = require('jquery');
require('bootstrap');
window.Vue = require('vue');
window.axios = require('axios');
window.axios.defaults.headers.common = {
    'X-CSRF-TOKEN': window.Laravel.csrfToken,
    'X-Requested-With': 'XMLHttpRequest'
};

мой основной файл Блейда макета внизу

<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
<script src="/js/app.js"></script>
<script src="/js/vendor.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.2.7/raphael.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/morris.js/0.5.1/morris.min.js"></script>

если вы, ребята, можете думать о другом месте, которое может быть причиной, дайте мне знать, и я обновлю фрагменты кода.

извините за отсутствие другой информации, у меня был ткнуть вокруг, и я честно полностью в тупике, что может быть не так или как я могу это исправить.