Я не уверен, что мне здесь не хватает. Я работаю над проектом с использованием jspm и es6-module-loader. У меня есть модуль, определенный следующим образом:

import hooks from './hooks';
import api from './api';
import tools from './tools';

const StencilUtils = {
    hooks: hooks,
    api: api,
    tools: tools,
};

export {hooks, api, tools};
export default StencilUtils;

/* global define */
(function(root) {
    if (typeof define === 'function' && define.amd) {
        define(function() {
            return (root.stencilUtils = StencilUtils);
        });
    } else if (typeof module === 'object' && module.exports) {
        module.exports = StencilUtils;
    } else {
        window.stencilUtils = StencilUtils;
    }
}(this));

Я импортирую этот модуль в другой файл и использую его так:

import utils from 'bigcommerce/stencil-utils';

utils.hooks.on('cart-item-add', (event, form) => {
    // do stuff
});

Когда файлы загружаются, я получаю сообщение об ошибкеutils являетсяundefined, Если я изменю файл на это:

import {hooks} from 'bigcommerce/stencil-utils';

hooks.on('cart-item-add', (event, form) => {
    // do stuff
});

Работает правильно. Таким образом, кажется, что-то не работает правильно с оператором экспорта по умолчанию. Есть ли что-то явно не так с утверждениями импорта или экспорта, которые могут вызвать эту проблему?