esriLoader.require()'s promise resolve an array failed

[Donny2333]

I want to load some modules to see my map but it shows nothing. Here is my code:

html:

<!-- import angular.js and angular-esri-map.js -->
<esri-map-view map="vm.map" view-options="vm.options"></esri-map-view>

js:

// My controller
var vm = $scope.vm = {
    options: {
        zoom: 4
    }
};

esriLoader.require(['esri/Map', 'esri/layers/MapImageLayer']).then(function (modules) {
    var Map = modules[0];
    var MapImageLayer = modules[1];

    var layer = new MapImageLayer({
        url: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer"
    });

    vm.map = new Map({
        layers: [layer]
    });
});

[Donny2333]

I move angular.js and angular-esri-map.js to the head of the html. It works.