Angularjs中带有$ocLazyLoad的延迟加载路由

Angularjs中带有$ocLazyLoad的延迟加载路由,angularjs,angular-ui-router,lazy-loading,angularjs-routing,Angularjs,Angular Ui Router,Lazy Loading,Angularjs Routing,我使用for routing和基于routes加载每个控制器(延迟加载) 问题:我的route.js文件越来越大(到现在为止只有8000行!) 我像下面的控制器一样懒洋洋地加载我的路由 // app.config(routes.js) ↓ $stateProvider .state('app.warehouses', { url: '/warehouses', views: { "appContent@app": {

我使用for routing和基于routes加载每个控制器(延迟加载)

问题:我的
route.js
文件越来越大(到现在为止只有8000行!)

我像下面的控制器一样懒洋洋地加载我的路由

// app.config(routes.js) ↓

$stateProvider
.state('app.warehouses', {
    url: '/warehouses',
    views: {
        "appContent@app": {
            templateUrl: 'warehouses/warehouses.html',
            controller: 'warehousesCtrl'
     },
     resolve: {
        loadCtrl: ['$ocLazyLoad', ($ocLazyLoad) => {
           return $ocLazyLoad.load({
              files: [
                 'warehouses/warehousesRoute.js', // lazy load routes
                 'warehouses/warehousesCtrl.js'
              ]
           });
        }]
     },
})


// warehousesRoute.js ↓

$stateProvider
.state('app.warehouses.warehouse', {
    url: '/warehouse/:id',
    views: {
        "appContent@app": {
            templateUrl: 'warehouses/warehouse.html',
            controller: 'warehouseCtrl'
        }
    },
    resolve: {
        loadCtrl: ['$ocLazyLoad', ($ocLazyLoad) => {
            return $ocLazyLoad.load('warehouses/warehouse/warehouseCtrl.js');
        }]
    }
})
     
在子视图中刷新应用程序之前,一切正常

这意味着:

当我点击链接进入子路径
(app.warehouses.warehouse/:id)
时,工作正常,但当我刷新子路径
(warehouse/:id)
中的页面时,我进入404找不到页面

我怎样才能解决这个问题