Исключена проблема с настройкой Babel «Create-React-App»

Question

В своем извлеченном «create-реагировать-приложение» я установил пакет 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.

Следуя решениям, которые я нашел в Интернете, я установил следующие зависимости:

yarn add @babel/preset-env @babel/preset-react @babel/plugin-proposal-class-properties --dev

и отредактировал оба раздела package.json, отвечающих за конфигурацию babel:

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

и webpack.config.js, как предлагали некоторые, хотя для большинства это было не нужно:

module: {
  strictExportPresence: true,
  rules: [
    {
      test: path.join(__dirname, '.'),
      exclude: /(node_modules)/,
      loader: 'babel-loader',
      options: {
        presets: ['@babel/preset-env',
          '@babel/react',{
            'plugins': ['@babel/plugin-proposal-class-properties']}]
      }
    },
(...)

Я попытался изменить оба или по одному за раз и переместить конфигурацию babel во вновь созданный файл .babelrc, но, похоже, ничего не изменилось, и ошибка все еще есть.Любые подсказки?

Answer 1

Класс (CopyToClipboard), в котором происходит ошибка, находится в папке node_modules , но вы исключили babel для запуска на node_modules.Это должно работать, если вы удалите опцию exclude из конфигурации babel, но я не уверен, что это правильно.