I have a Vue application in Laravel using Mix to build.
My javascript includes a
import BootstrapVue from 'bootstrap-vue';
Vue.use(BootstrapVue);
My webpack.mix.js is minimally modified.
The application uses a b-dropdown with b-dropdown-items.
The drop down works correctly in all IE 11 and Microsoft Edge when I create the dev build (npm run dev). However, when I create a production build (npm run prod), Edge fails with a TypeError: Invalid Calling Object when a user clicks the drop down.
This doesn't happen in Firefox or Chrome. The internet suggests that it might have to do with use strict somewhere in Bootstrap Vue.
Laravel Mix, Bootstrap Vue, difference between production and dev builds
I have a Vue application in Laravel using Mix to build.
My javascript includes a
My webpack.mix.js is minimally modified.
The application uses a
b-dropdown
withb-dropdown-items
.The drop down works correctly in all IE 11 and Microsoft Edge when I create the dev build (
npm run dev
). However, when I create a production build (npm run prod
), Edge fails with aTypeError: Invalid Calling Object
when a user clicks the drop down.This doesn't happen in Firefox or Chrome. The internet suggests that it might have to do with
use strict
somewhere in Bootstrap Vue.Does anyone have any suggestions?