OCLazyLoad with MVC Bundles

Asked Jul 10 '18 at 19:04

Active Jul 11 '18 at 14:21

Viewed 123 times

I use MVC bundling to bundle JS files:

bundles.Add(new ScriptBundle("~/bundles/essentialjs").Include(
                                  "~/Scripts/spa/features/exception/exceptionModule.js",
                                  "~/Scripts/spa/features/exception/controllers/errorController.js"                    
            ));

I need to load these MVC bundles using OCLazyLoad. I attempted the code below but get a 404 for the bundle not found.

.state('test',
      {
        url: "/login",
        templateUrl: "scripts/test.html",
        resolve: {
          plugins: ['$ocLazyLoad', function ($ocLazyLoad) {
            console.log('oczload');
            return $ocLazyLoad.load([
              { type: 'js', path: '~/bundles/essentialjs' }
            ]);
          }]
        }
      })

The issue appears to be on this line:

 { type: 'js', path: '~/bundles/essentialjs' }

edited Jul 11 '18 at 14:21

asked Jul 10 '18 at 19:04

DotnetDude

11,617
35
100
158

have you tried with just `/bundles/essentialjs`. Not sure if `~/` is a valid url... If you want to refer to current directory, you need to use `./bundles/essentialjs` – AdityaParab Jul 11 '18 at 14:25
Do you mean change it in both the BundleConfig and Angular to use `/bundles/essentialjs`? – DotnetDude Jul 11 '18 at 16:58
Yes...both places – AdityaParab Jul 11 '18 at 17:00
Although I not sure about your bundle though. It does have some strange .net like syntax.. So my guess would only be to change it in UI router state – AdityaParab Jul 11 '18 at 17:01

OCLazyLoad with MVC Bundles

0 Answers0