将JavaScript代码中的字符串标记为可翻译（Angular+；Webpack+；ES6）

我按照约翰·帕帕·霍特威的代码建立了一些路线。以下是一个例子：

configureStates.$inject = ['$stateProvider'];
export default function configureStates($stateProvider) {
    getStates().forEach(state => $stateProvider.state(state.name, state.config));
}

function getStates() {
    return [
        {
            name: 'contracts',
            config: {
                url: '/contracts',
                template: require('./contracts.html'),
                controller: 'ContractsController',
                controllerAs: 'vm',
                title: 'CONTRACTS',
                settings: {
                    nav: 2,
                    content: '<i class="fa fa-dashboard"></i> CONTRACTS'
                },
                resolve: {}
            }
        }
    ];
}

但是我找不到一种方法来导入gettext并将其注入函数

我试过：

import gettext from 'angular-gettext';

getStates.$inject = ['gettext'];
function getStates(gettext) {
    return [
        {
            name: 'contracts',
            config: {
                // other code
                title: gettext('CONTRACTS'),

但我得到一个错误：gettext不是一个函数

---

欢迎任何帮助。

您是否尝试过

angular.module（'my-module'，[gettext]）在
从“角度gettext”导入gettext之后？模块定义与路由定义不在同一文件中。我试图在同一文件中使用它，但没有成功。我认为import语句没有公开模块，因为getText源中没有导出。
import gettext from 'angular-gettext';

getStates.$inject = ['gettext'];
function getStates(gettext) {
    return [
        {
            name: 'contracts',
            config: {
                // other code
                title: gettext('CONTRACTS'),