Nuget packages update – Scripts bundle error caused by Bootstrap 5.x in .net mvc application

| By Webner

I recently updated my installed packages from nuget to work with the latest packages, but my .net application stopped working by throwing ‘object reference not set to an instance of an object’. It was displaying the red coloured text indicating the error line which was pointing to the ‘scripts’ bundle. But it was not indicating the actual cause of the error and which package was creating this issue.
Scripts bundle

This issue was caused by the Bootstrap package update from bootstrap version 4.x to 5.x. And reason behind the error was script files like ‘jquery’ and ‘bootstrap’ were included in the same bundle in bundle.config file as shown below:
var scriptBundle = new ScriptBundle("~/Scripts/bundle");
// jQuery
// Bootstrap 4.x

Creating a separate bundle for bootstrap solves the issue:

var scriptBundle = new ScriptBundle("~/Scripts/bundle");
var bootstrapBundle = new ScriptBundle("~/Scripts/bootstrapBundle");
// jQuery
// Bootstrap 5.x

If it does not resolves the issue, try using Bundle instead of ScriptBundle
var bootstrapBundle = new Bundle(“~/Scripts/bootstrapBundle”);

Leave a Reply

Your email address will not be published. Required fields are marked *