TS2339: Property 'slider' does not exist on type 'JQuery<HTMLElement>'

I'm using the bootstrap-select

I have successfully imported bootstrap-select into my project using:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/css/bootstrap-select.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/bootstrap-select.min.js"></script>

<!-- (Optional) Latest compiled and minified JavaScript translation files -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.12.4/js/i18n/defaults-*.min.js"></script>

within the document <head> tag. I want to see how to modify the checkmarks within the multiple select boxes, and figured I would try to use the


Method as shown here. Whenever I attempt to use that bit of code, I receive an error:

TS2339: Property 'selectpicker' does not exist on type 'JQuery<HTMLElement>'.

I have even tried installing the types definition using

npm install --save-dev @types/bootstrap-select

But the issue still remains. I'm using the Visual Studio SPA template which uses ASP.NET Core template, Vue.js and Webpack.