angulaire.js - webpack require.ensure problème de chargement asynchrone du module angulaire

Question

Une erreur est signalée lors du chargement à chaud du login.controller.js ci-dessous,

Si vous supprimez la résolution et importez './login.controller' directement en haut, aucune erreur ne sera signalée. Quelle en est la raison ?

#login.route.js 文件require.ensure打包加载
import LoginTpl from './login.tpl.html';

var LoginRoute = {
    template    :   LoginTpl,
    controller  :   'LoginCtrl',
    resolve: {
        loadModule : ['$q','$ocLazyLoad',function ($q,$ocLazyLoad) {
            return $q((resolve) => {
                require.ensure([], () => {
                    let module = require('./login.controller');
                    $ocLazyLoad.load({name: 'cm.bg.login'});
                    resolve(module);
                });
            });
        }]
    }
};
export default LoginRoute;

#login.controller.js 热加载的模块

import './login.module'
import '../../../service/LoginService' //登入服务

export default angular.module('cm.bg.login')
    .controller('LoginCtrl',['Login',function(LoginService){
                
    }])
    

Est-ce lié à l'ordre dans lequel ils sont emballés ? Emballé, 104 est le loginService et 103 est sous le contrôleur. Si oui, comment le changer ?

Answer 1

Essayez le plugin webpack : occurrence de commande