Бабель сгенерированный код вызывает экспорт ошибки не определен

Question

Когда этот код (генерируется из Бабеля) работает, я получаю сообщение об ошибке exports is undefined

Object.defineProperty(exports, '__esModule', { 

любые идеи?

Answer 1

Вы, скорее всего, не выполняете код в среде, поддерживающей модули CommonJS. Вы можете использовать комплект, такой как Browserify или webpack , чтобы объединить ваши модули во что-то, что можно запускать в разных средах.

Или вы можете выбрать другой module transformer.

---

С WebPack

Run npm install -g webpack; npm install -D babel-loader. Затем с этой конфигурацией WebPack:

// webpack.config.js 
module.exports = { 
    entry: "./path/to/entry/module.js", 
    output: { 
     path: __dirname, 
     filename: "bundle.js" 
    }, 
    module: { 
     loaders: [ 
     { test: /\.js$/, exclude: /node_modules/, loader: "babel-loader"} 
     ] 
    } 
}; 

выполняется команда webpack будет конвертировать все файлы *.js достижимы с помощью файла ввода с Бабелем и объединять их вместе в bundle.js.

Answer 2

Я прочитал статью о том, как импорт и экспорт ES6 должен работать только в браузере с «статически анализируемыми файлами», и Babel удалил поддержку импорта и экспорта в браузере из-за этого. Что-то связано с асинхронностью или, возможно, безопасностью?

Если вы хотите, чтобы пропустить на стороне сервера пакетирования для целей Дев, вы можете поместить

window.MyModule = MyModule в нижней части, а затем импортировать

var MyModule = window.MyModule в верхней части вашего следующего файла