angular.js - webpack require.ensure 非同步載入angular模組問題
过去多啦不再A梦
过去多啦不再A梦 2017-05-15 16:58:48
0
1
551

熱載入下面的login.controller.js的時候報錯,

如果去掉resolve 直接在頂部 import './login.controller' 就不會報錯,這個是什麼原因呢?

#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){
                
    }])
    

是不是跟打包出來的順序有關係?打包出來 104 是 loginService 在 103 是 contorller 的下面。如果是的話 怎麼改呢?

过去多啦不再A梦
过去多啦不再A梦

全部回覆(1)
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!