Проблемы с установкой плагина "предложение-экспорт-по умолчанию-от" babel

Question

Я новичок в материалах React / Javascript / dependency, поэтому другие ответы, которые я видел на похожие вопросы, были для меня не совсем понятны:

Я пытаюсь реализовать диаграмму ap ie для моего проекта реакции, как описано здесь: https://canvasjs.com/react-charts/pie-chart/

Я создал свой проект с помощью create-response-app , а затем запустил npm install canvas js внутри.

Затем я получаю следующую ошибку при запуске npm start: "Добавьте @ babel / plugin-offer-export-default-from (https://git.io/vb4yH) к ' раздел plugins вашей конфигурации Babel, чтобы включить преобразование. "

При поиске ошибки я обнаружил этот веб-сайт: https://babeljs.io/docs/en/babel-plugin-proposal-export-default-from, на котором предлагается выполнить следующую команду:

npm install --save-dev @ babel / plugin-offer-export-default-from

Это не сработало (получало предупреждение о необходимо установить зависимости), поэтому я прочитал в Интернете, что для изменения Babel вам нужно было запустить npm запустить eject , а затем изменить версию пути Python на 2.7. Я сделал это, и теперь команда работает для установки пакетов.

Я нашел это старое обсуждение, в котором люди упоминают, что это ошибка: https://github.com/babel/babel/issues/7293

Они сказали изменить что-то в файле babel.config. js как решение, но я не знаю, где находится этот файл (он не появляется, когда я ищу его). Я использую ОС Ma c.

Любая помощь будет принята с благодарностью!

Answer 1

Вы должны создать файл в том же месте, что и ваш пакет. json файл.

Так выглядит содержимое файла

    /* eslint-disable func-names */
    module.exports = function (api) {
      const presets = [
        '@babel/preset-env',
        '@babel/preset-react',
        '@babel/preset-flow'
      ];
      const plugins = [
        [
          '@babel/plugin-transform-spread',
          {
            loose: true
          }
        ],
        [
          '@babel/plugin-proposal-class-properties',
          {
            loose: true
          }
        ],
        '@babel/plugin-transform-runtime'
      ];

      /** this is just for minimal working purposes,
         * for testing larger applications it is
         * advisable to cache the transpiled modules in
         * node_modules/.bin/.cache/@babel/register* */
      api.cache(false);

      return {
        presets,
        plugins
      };
    };