Невозможно экспортировать по умолчанию с Webpack 4 и Babel 7

Question

Вот некоторые функции, которые раньше работали для меня с Babel 6, но у меня возникли проблемы с Babel 7. Я пытаюсь экспортировать класс (по умолчанию) в виде библиотеки.В настоящее время я получаю следующую ошибку при попытке импортировать ее.

Uncaught SyntaxError: Запрошенный модуль './dist/datastore.js' не обеспечивает экспорт с именем 'default'

Мои конфигурации почти идентичны моим прежним конфигурациям, только что обновлен с помощью Babel 7.

Биты из Webpack:

output: {
  path: `${__dirname}/dist`,
  filename: `${moduleName}.js`,
  library: 'datastore',
  libraryExport: 'default',
  libraryTarget: 'umd',
  umdNamedDefine: true
},

Биты с моей точки входа:

import DataStore from './datastore';

export default DataStore;

Биты из .babelrc:

{
  "presets": [
    ["@babel/preset-env", {
      "targets": {
        "node": "current"
      },
      "modules": false
    }]
  ],
  "plugins": [
    "@babel/plugin-transform-async-to-generator",
    "@babel/plugin-transform-destructuring",
    "@babel/plugin-proposal-class-properties",
    "@babel/plugin-proposal-object-rest-spread"
  ]
}

У кого-нибудь есть идеи?

Answer 1

Если вы используете babel 7, вам нужно загрузить этот пакет:

npm i --save-dev babel-plugin-add-module-exports

, а затем добавить в вашу конфигурацию babel этот плагин 'add-module-exports':

module.exports = {
  presets: [
    [
      '@babel/preset-env',
      {
        modules: false,
        targets: {
          browsers: ['last 2 versions', 'safari >= 7']
        }
      }
    ]
  ],
  plugins: ['add-module-exports']
};

Answer 2

В сообщении об ошибке говорится, что это datastore.js, что не обеспечивает экспорт с именем 'default' - не так ли?

Ваш файл точки входа .js не нуждается вэкспортируйте что-нибудь, это не модуль, и он импортирует datastore.js, где в сообщении об ошибке указано, что должно быть, и экспортируйте с именем «default».