Module.exports и es6 Импорт

Question

Реагировать с babel. У меня есть эта путаница с импортом и module.exports. Я предполагаю, что babel при преобразовании кода ES6 в ES5 преобразует импорт и экспорт в требуемый и module.exports соответственно.

Если я экспортирую функцию из одного модуля и импортирую функцию в другой модуль, код выполняет штраф. Но если я экспортирую функцию с помощью modules.exports и импортирую с помощью «import», во время выполнения появляется ошибка, говорящая, что это не функция.

Я приготовил пример.

// Tiger.js 
function Tiger() { 
    function roar(terrian){ 
     console.log('Hey i am in ' + terrian + ' and i am roaing'); 
    }; 
    return roar; 
} 

module.exports = Tiger; 

// animal.js 
import { Tiger } from './animals'; 

var animal = Tiger(); 
animal("jungle"); 

Я использовал babel с предустановленным es2015, чтобы скомпрометировать его. Это дает мне следующую ошибку

Uncaught TypeError: (0 , _animals.Tiger) is not a function

Но если я удалить module.exports = Tiger; и заменить его export { Tiger }; Он отлично работает.

Что мне здесь не хватает?

EDIT: Я пользуюсь браузером в качестве модуля.

Answer 1

export { Tiger } будет эквивалентен module.exports.Tiger = Tiger. И наоборот, module.exports = Tiger будет эквивалентно export default Tiger. Поэтому, когда вы используете module.exports = Tiger, а затем попробуйте import { Tiger } from './animals', вы действительно просите Tiger.Tiger.