Javascript 网页包丑陋导致路由停止工作

Javascript 网页包丑陋导致路由停止工作,javascript,angularjs,angular-ui-router,bundling-and-minification,webpack,Javascript,Angularjs,Angular Ui Router,Bundling And Minification,Webpack,当我看到丑陋的网页包包时,路由停止工作,没有任何错误消息或日志消息。我正在使用oclazyload来延迟加载 Route.js Module.js 基本路线 当我缩小捆绑包时,应用程序路由停止工作。否则就可以了。请给我一个解决方案。我也在使用Nganotate。依赖项安全地注入到缩小的文件中 在进行缩小时,您应该为DI的数组注释创建一个数组 您在app.js中没有使用角度di数组表示法,您需要做以下更改 从 到 有关更多信息,请参阅 在进行缩小时,您应该为DI的数组注释创建一个数组 您在app.

当我看到丑陋的网页包包时,路由停止工作,没有任何错误消息或日志消息。我正在使用oclazyload来延迟加载

Route.js

Module.js

基本路线

当我缩小捆绑包时,应用程序路由停止工作。否则就可以了。请给我一个解决方案。我也在使用Nganotate。依赖项安全地注入到缩小的文件中

在进行缩小时,您应该为DI的数组注释创建一个数组

您在app.js中没有使用角度di数组表示法,您需要做以下更改

有关更多信息,请参阅

在进行缩小时,您应该为DI的数组注释创建一个数组

您在app.js中没有使用角度di数组表示法,您需要做以下更改


有关更多信息,请参阅您正在使用的最新版本的ui router,它具有更新且略有不同的解析块处理方式。它需要一个对象映射

试试这个:

    resolve: {
       foo: ['$q', '$ocLazyLoad', function($q, $ocLazyLoad) {
                var deferred = $q.defer();

                require.ensure([], function() {
                    var mod = require('./organizationStructure.module.js');
                    $ocLazyLoad.load({
                        name: 'app.organizationStructure'
                    });
                    deferred.resolve(mod.controller);
                });

                return deferred.promise;
       }]
    }  

以下是ui router API文档:

您使用的是最新版本的ui router,它有一种更新的、稍微不同的处理解析块的方法。它需要一个对象映射

试试这个:

    resolve: {
       foo: ['$q', '$ocLazyLoad', function($q, $ocLazyLoad) {
                var deferred = $q.defer();

                require.ensure([], function() {
                    var mod = require('./organizationStructure.module.js');
                    $ocLazyLoad.load({
                        name: 'app.organizationStructure'
                    });
                    deferred.resolve(mod.controller);
                });

                return deferred.promise;
       }]
    }  

以下是用于此的ui路由器API文档:

依赖项由ng annotate webpack插件自动注入。当网页包破坏代码时,解析会阻止路由。请帮助我找到此代码中的错误:resolve:[$q,$ocLazyLoad,functione,t{var r=e.defer;return n.e1,function{var e=n29;t.load{name:app.organizationStructure},r.resolve.controller},r.promise}]如果您将解析函数写成resolve:function$q,$ocLazyLoad{var deferred=$q.deferred;require.sure[],function,该怎么办{var mod=require./organizationStructure.module.js';$ocLazyLoad.load{name:'app.organizationStructure'};deferred.resolvemod.controller;};返回延迟。承诺;}它是否给出错误?@AjayKumar您使用的是哪个angular版本?没有使用$ocLazyLoad dependancy,它能工作吗?我使用的是angular 1.2.28。没有$ocLazyLoad,我还没有尝试过。但是它在未统一的代码中工作。理论上它也应该在精简的代码中工作。是的,理论上它应该工作,但aski检查了这种可能性ng you,,依赖项由ng annotate webpack插件自动注入。当webpack使代码变丑时,解析会阻止路由。请帮助我找到此代码中的错误:解析:[$q,$ocLazyLoad,functione,t{var r=e.defer;返回n.e1,function{var e=n29;t.load{name:app.organizationStructure},r.resolve.controller},r.promise}]如果将解析函数编写为resolve:function$q,$ocLazyLoad会怎么样{var deferred=$q.defer;require.sure[],函数{var mod=require'./organizationStructure.module.js';$ocLazyLoad.load{name:'app.organizationStructure'};deferred.resolvemod.controller;};返回deferred.promise;}它是否给出错误?@AjayKumar您使用的是哪个angular版本?没有使用$ocLazyLoad dependancy,它能工作吗?我使用的是angular 1.2.28。没有$ocLazyLoad,我还没有尝试过。但是它在未统一的代码中工作。理论上它也应该在精简的代码中工作。是的,理论上它应该工作,但aski检查了这种可能性你,,,
require('./app.route.js')(app);
app.config(routeConfig);
app.config(['$stateProvider', routeConfig]);
    resolve: {
       foo: ['$q', '$ocLazyLoad', function($q, $ocLazyLoad) {
                var deferred = $q.defer();

                require.ensure([], function() {
                    var mod = require('./organizationStructure.module.js');
                    $ocLazyLoad.load({
                        name: 'app.organizationStructure'
                    });
                    deferred.resolve(mod.controller);
                });

                return deferred.promise;
       }]
    }