1.7.1 version throws "Uncaught TypeError: $(...).datepicker is not a function" when bundled

Expected behaviour

datepicker should work normally as in version 1.7.0

Actual behaviour

In version 1.7.1 browser throws error Uncaught TypeError: $(...).datepicker is not a function

Datepicker version used

1.7.1

Example code

Problem happens when code is bundled with laravel-mix (webpack).

app.js

...
require("bootstrap-datepicker")
...

used in html:

	<script type="text/javascript">
		$(document).ready(function(){
			$('.input-daterange').datepicker({
				format: 'yyyy-mm-dd',
				weekStart: 1,
				autoclose: true
			});
		});
	</script>

Fix

Downgrading back to 1.7.0 helps.

[jleider]

Just ran into this exact same issue which cropped up when upgrading node >= 8 due to the differences in the way npm >= 5 manages packages. We use webpack to manage our builds and when running npm >=5 we would wind up with two different versions of jquery being loaded in our builds since we explicitly list jquery as a dependency in our project as does bootstrap-datepicker. When webpack resolves the dependencies, it sees that bootstrap-date picker has its own local dependency and loads that separately from the jquery that was previously imported. I think the real fix is to make jquery a peerDependency and anyone relying on this downstream should need to include jquery explicitly themselves as a dependency. Of course, this should be released with a major sem-version bump to prevent issues like #2206 from being filed again.

[arutkowski00]

I can confirm that it’s not working because jquery is defined in dependencies but it should be in peerDependencies and because of that, yarn is fetching a different version of jquery to node_modules/bootstrap-datepicker/node_modules/jquery.

Version v1.7.0 (with jquery in peerDependencies) works and my recommended workaround is to keep with that version 👍