Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

IE 11 SCRIPT5002: Function expected

See original GitHub issue

Describe the bug

IE 11 is showing SCRIPT5002: Function expected error pointing to this line: https://github.com/bootstrap-vue/bootstrap-vue/blob/2fb5ce823a577fcc2414d78bd43ed9e5351cb1c0/src/utils/dom.js#L110

Steps to reproduce the bug

Create Vue project.
Use bootstrap-vue
Yarn serve
Open in IE11.

Expected behavior

Working with no errors.

Versions

Libraries:

BootstrapVue: 2.0.0-rc.26
Bootstrap: 4.3.1
Vue: 2.6.10

Environment:

Device: PC
OS: Ubuntu
Browser: IE
Version: 11

Issue Analytics

State:
Created 4 years ago
Comments:14 (7 by maintainers)

Top GitHub Comments

2reactions

tmorehousecommented, Aug 9, 2019

Make sure you are loading the latest polyfills for IE11

What polyfills are you including in your code? core-js? polyfill.io? @babel/polyfill?

The docs site uses BootstrapVue, and it runs fine on IE11 (note we are including the polyfill.io polyfills)

https://bootstrap-vue.js.org/docs#browser-support

The Following features and APIs are used by BootstrapVue:

Array.from(), Array.isArray(), Object.assign(), Object.is(), etc.

Promise

MutationObserver

IntersectionObserver (optional)

If you want to support older IE, Android, and iOS device web browsers, you may want to use core-js and intersection-observer:

npm install core-js regenerator-runtime intersection-observer

Import the polyfills in your app main entry point:

import 'core-js/stable' import 'regenerator-runtime/runtime' import 'intersection-observer' // Optional import Vue from 'vue' import BootstrapVue from 'bootstrap-vue'

Alternatively, use Polyfill.io to dynamically serve browser specific polyfills via <script> tags in the HTML <head> section.

 <script src="//polyfill.io/v3/polyfill.min.js?features=es2015%2CIntersectionObserver" crossorigin="anonymous"></script>