弹出“ Create-React-App” babel配置问题

时间:2019-06-25 09:51:34

标签: webpack babeljs create-react-app

在弹出的“ create-react-app”中,我安装了\h?软件包,但遇到错误:

react-copy-to-clipboard

在网上找到解决方案之后,我安装了以下依赖项:

export class CopyToClipboard extends React.PureComponent {
>  7 |   static propTypes = {
     |                    ^
   8 |     text: PropTypes.string.isRequired,
   9 |     children: PropTypes.element.isRequired,
  10 |     onCopy: PropTypes.func,

Add @babel/plugin-proposal-class-properties (https://git.io/vb4SL) to the 'plugins' section of your Babel config to enable transformation.

并编辑了负责babel配置的package.json部分:

yarn add @babel/preset-env @babel/preset-react @babel/plugin-proposal-class-properties --dev
正如某些人建议的那样

和webpack.config.js,尽管对于大多数人来说这是不必要的:

  "babel": {
    "presets": [
      "react-app",
      "@babel/preset-env",
      "@babel/preset-react"
    ],
    "plugins": [
      [
        "@babel/plugin-proposal-class-properties"
      ]
    ]
  },

我尝试一次更改两个或两个,然后将babel配置移动到新创建的.babelrc文件中,但是似乎什么都没有改变,并且错误仍然存​​在。有任何线索吗?

1 个答案:

答案 0 :(得分:0)

发生错误的类(CopyToClipboard)在 node_modules 文件夹下,但是您已经排除了要在node_modules上运行的babel。如果您从babel config中删除 exclude 选项,它应该可以工作,但是我不确定这是否正确。