Javascript AngularJS:未知提供程序：recipeNameProvider<；-recipeName

我正在尝试编写我的第一个服务，我想为弹出窗口创建服务。但我在传球时遇到了问题。这是：

'use strict';

class bobVotingPopupController {
    constructor($scope, $element) {
        console.debug(123);
    }
}

bobVotingPopupController.$inject = ['$scope', '$element'];

export default angular
    .module('bob.voting.popup.controller', [])
    .controller('bobVotingPopupController', bobVotingPopupController);

我正在调用我的服务并通过require和filename传递控制器：

modalService.open({
            template: 'modal.bob.voting.html',
            controller: require('./bob.voting.popup.controller')
        });

之后，我希望呈现弹出窗口并添加控制器：

scope.popupTemplate = angular.element(require(`./views/${params.template}`));
scope.popupController = params.controller;
element.find('.popup__body').append(scope.popupTemplate);
$compile(scope.popupTemplate)(scope);
$controller(scope.popupController.controller, {$scope: scope.popupController.$scope}, {});

controller:(recipeName, factoryFunction)

在最后一行，我得到了一个错误：

Unknown provider: recipeNameProvider <- recipeName

我该怎么办