wagramdeveloper
2 months ago
732
3
Mix

Laravel Mix, Bootstrap Vue, difference between production and dev builds

Posted 2 months ago by wagramdeveloper

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.

Does anyone have any suggestions?

Please sign in or create an account to participate in this conversation.