Angular with imports - 向控制器添加资源

Question

我正在尝试使用es6导入将资源导入控制器。 我有这个资源：

import angular from 'angular';
import ngresource from 'angular-resource';

personsResource.$inject = ['$resource'];

function personsResource ($resource) {
   // return $resource ... 
}

export default angular.module('resources.persons', [ngresource])
.service('personsResource', personsResource)
.name

在我的模块index.js中，我这样注入：

//other imports
import personsResource from '../../resources/persons.resource';

//console.log(personsResource) returns resources.persons

export default angular.module('app.home', [personsResource])
.config(routing)
.controller('HomeController', HomeController)
.name

我的HomeController看起来像这样：

HomeController.$inject = [personsResource];

export default function HomeController(personsResource) {

}

这里的人员资源是未定义的。据我所知，我不需要在HomeController中再次导入它，因为我在index.js中导入它并从那里传递给HomeController。

我实际上尝试在HomeController中再次导入它，但这也没有帮助。我有什么想法吗？