如何在react项目中将plugin-export-default-form安装到Babel

时间:2019-03-28 15:37:30

标签: reactjs babel es2017

在整个过程中,我一直不断遇到以下错误

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"
  ]
}

2 个答案:

答案 0 :(得分:0)

Babel对此有一个未解决的问题:https://github.com/babel/babel/issues/7293

看起来您还需要安装@babel/plugin-proposal-export-namespace-from插件,但不是100%肯定,因此最好通读问题讨论并尝试建议的解决方法。

答案 1 :(得分:0)

您可以将配置放入您的babelrc.js文件中:

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

babel的{​​{1}}或babel-loader之类的工具将从此处获取配置。

祝你好运...