IE11 - $ is undefined, Symbol is undefined

When I try to load a page in IE11 the console prints out the following errors:

'Symbol' is undefined.
'$' is undefined

However, this only happends in IE11. It works just fine in Chrome, Firefox and Edge. Does IE11 need a polyfill package?

My Bootstrap.js look like this:

window._ = require('lodash');

/**
 * We'll load jQuery and the Bootstrap jQuery plugin which provides support
 * for JavaScript based Bootstrap features such as modals and tabs. This
 * code may be modified to fit the specific needs of your application.
 */

global.jQuery = require('jquery');
var $ = global.jQuery;
window.$ = $;

try {

    $.ajaxSetup({
    headers:
    {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
        });

        window.Popper = require('popper.js');
        require('bootstrap');

} catch (e) {}

require('jquery-ui-bundle');
require('@fortawesome/fontawesome-free');
window.pace = require('pace-js-amd-fix');
window.Noty = require('noty');
window.moment = require('moment');
window.Dropzone = require('dropzone');
require('tempusdominus-bootstrap-4');
require('free-jqgrid');
window.b64toBlob = require('b64-to-blob');

app.js:

/**
 * First we will load all of this project's JavaScript dependencies which
 * includes Vue and other libraries. It is a great starting point when
 * building robust, powerful web applications using Vue and Laravel.
 */

require('./bootstrap');

//import VModal from 'vue-js-modal';
import Vuetify from 'vuetify'

window.Vue = require('vue');
var vueResource = require('vue-resource');
//var VModal = require('vue-js-modal');
window.socketIo = require('vue-socket.io');

Vue.use(vueResource);
Vue.use(Vuetify);

Vue.http.headers.common['X-CSRF-TOKEN'] = $('meta[name="csrf-token"]').attr('content');

Any help on this is issue is highly appreciated!

via Chebli Mohamed