quramy/angular2-load-children-loader

A webpack loader for ng2 lazy loading

angular2-load-children-loader's Issues

feature request: naming bundles

This is working great for me with Angular2 final and Webpack 2.1.0-beta.22. Thank you!

I'd love the option to name the resulting bundles by the module name instead of 0, 1, 2 ... etc

install this webpack every time I start the server

Please a question, will I have to install this webpack every time I start the server in production? Because every day that I start work on the project the hotas do not work in production mode so I have to install this web pack, if that would have a permanent form? Thanks for the help

Lazy routing web page dose not loading the custom css and images

CSS and Images pass to the children are not working with lazy routing but if it use with the regular routing its work
There is not showing any error on console please tell me any method to get access css and images.
Thank You

__webpack_require__(...) is not a function

I'm getting an error when using this loader:
dll.vendors.bundle.js.gz?8609335…:38082 EXCEPTION: Uncaught (in promise): TypeError: __webpack_require__(...) is not a function

The loader seems to transpile it correctly. My routes

{
   path: 'detail',
   loadChildren: '../+detail/detail.module#DetailModule',
   canActivate: [RouteProtection]
}, {
   path: 'monsoon',
   loadChildren: '../+monsoon-reports/monsoon.module#MonsoonModule',
   canActivate: [RouteProtection]
},

Here is the AOT compiled app.bundle.js

 Object.defineProperty(AppModuleInjector.prototype, "_ROUTES_47", {
        get: function () {
            if ((this.__ROUTES_47 == null)) {
                (this.__ROUTES_47 = [[
                        {
                            path: '',
                            component: import51.LoginComponent
                        },
                        {
                            path: 'detail',
                            loadChildren: function () { return __webpack_require__(118)("DetailModuleNgFactory"); }
                        },
                        {
                            path: 'monsoon',
                            loadChildren: function () { return __webpack_require__(119)("MonsoonModuleNgFactory"); },
                            canActivate: [import35.RouteProtection]
                        },
                        {
                            path: 'ticket',
                            component: import52.TicketComponent,
                            canActivate: [import35.RouteProtection]
                        },
                        {
                            path: 'grid1',
                            component: import53.HomeComponent,
                            canActivate: [import35.RouteProtection]
                        },
                        {
                            path: 'grid2',
                            component: import54.SubscriberComponent,
                            canActivate: [import35.RouteProtection]
                        },
                        {
                            path: 'login',
                            component: import51.LoginComponent
                        },
                        {
                            path: 'about',
                            component: import55.AboutComponent,
                            canActivate: [import35.RouteProtection]
                        },
                        {
                            path: '**',
                            component: import56.NotFound404Component
                        },
                        {
                            path: '404',
                            component: import56.NotFound404Component
                        }
                    ]
                ]);
            }
            return this.__ROUTES_47;
        },
        enumerable: true,
        configurable: true
    });

__webpack_require__ does exist during other parts of the app loading, but for some reason at this point in the app, its not a function.

However, if I use es6 promise loader:
loadChildren: 'es6-promise?,[name]!../+detail/detail.module#DetailModule'
It works fine in both AOT mode and JIT mode.

Any ideas what I'm doing wrong which causes it not to work in non-lazy load (without es6-promise)?

webpack error

Hi I'm trying to use your loader but I receive in the console this kind of error:
VM6476:48 EXCEPTION: Uncaught (in promise): TypeError: __webpack_require__(...) is not a function

my webpack.config is:

rules: [
      // Support for .ts files.
      {
        test: /\.ts$/,
        loaders: ['awesome-typescript-loader?'inlineSourceMap=true&sourceMap=false', 'angular2-load-children-loader', 'angular2-template-loader', '@angularclass/hmr-loader'],
        exclude: [isTest ? /\.(e2e)\.ts$/ : /\.(spec|e2e)\.ts$/, /node_modules\/(?!(ng2-.+))/]
      },

and I use in that way:

 imports: [
        BrowserModule,
        HttpModule,
        FormsModule,
        RouterModule.forRoot([
            {path: '', loadChildren: './home/home.module#HomeModule'},
            {path: 'about', loadChildren: './about/about.module#AboutModule'}
        ])],

Wbpack-version: "webpack": "^2.1.0-beta.25",
what I did wrong?