Как установить плагин-экспорт-по-умолчанию-из в Babel в проекте react

#reactjs #babeljs #ecmascript-2017

#reactjs #babeljs #ecmascript-2017

Вопрос:

На протяжении всего этого процесса я постоянно получал следующую ошибку

 SyntaxError: /Users/user1/npmprojects/experiments/test-reactstrap0/src/components/index.js: Support for the experimental syntax 'exportDefaultFrom' isn't currently enabled (15:8):

  13 | export * from './ListItems';
  14 | 
> 15 | export FormField from './FormField';
  

Сначала я устанавливаю плагин: yarn add @babel/plugin-proposal-export-default-from --save-dev

Я также пытался установить yarn add babel-preset-stage-1 --save-dev

Я попытался добавить файл .babelrc с содержимым

 {
  "plugins": [
    "@babel/plugin-proposal-export-default-from"
  ]
}
  

Я попытался добавить следующее в свой package.json

 "babel": {
    "presets": [
    "es2015",
    "stage-1",
    "react"
  ],
  "plugins": [
    "@babel/plugin-proposal-export-default-from"
  ]
}
  

Ответ №1:

В Babel есть открытая проблема по этому поводу: https://github.com/babel/babel/issues/7293

Похоже, вам дополнительно потребуется установить @babel/plugin-proposal-export-namespace-from плагин, но не уверен на 100%, лучше прочитайте обсуждение проблемы и попробуйте предлагаемые обходные пути.

Ответ №2:

Вы можете поместить конфигурацию в свой babelrc.js файл:

 module.exports = {
  plugins: [
    "@babel/plugin-proposal-export-default-from"
  ]
}
  

Такие инструменты, как babel или babel-loader для Webpack , подберут конфигурацию отсюда.

Удачи…

Комментарии:

1. похоже, не работает. Вы это тестировали?

2. Привет @Sisir, да, это работало тогда, когда я использовал это в одном из своих проектов.