Как в проекте React добавить plugin в babel?

Question

[Дмитрий]

При запуске тестов получаю ошибку

SyntaxError: C:\OSPanel\domains\localhost\maxiru\table-res-test\table-reservation\src\scripts\uti
ls\lodash.js: Support for the experimental syntax 'exportDefaultFrom' isn't currently enabled (1:8):

> 1 | export each from 'lodash/each'

и сообщение

Add @babel/plugin-proposal-export-default-from (https://git.io/vb4yH) to the 'plugins' section of
your Babel config to enable transformation.

Но в файле .babelrc этот плагин содержится

"presets": [
        "@babel/preset-env",
        "@babel/preset-react"
    ],
    "plugins": [
        "@babel/plugin-transform-runtime",
        "@babel/plugin-proposal-export-default-from"

Куда еще можно-нужно добавить plugin, чтобы компоновщик его увидел?

Заранее спасибо за ответы

Comments

[Антон Спирин]

Чем тестируете? Как запускаете? package.json приложите.

[Дмитрий]

Антон Спирин, jest + enzyme, запускаю командой npm test,

package.json:

{
  "name": "bla_bla_bla",
  "version": "0.1.1",
  "private": true,
  "scripts": {
    "start": "webpack-dev-server --mode development",
    "build": "NODE_ENV='production' RELEASE='bla_bla_bla@0.1.1' webpack --mode production",
    "build:shell": "./build-for-shell.sh",
    "test": "react-scripts test --env=jsdom",
    "test-coverage": "yarn test --coverage --coverageDirectory=./coverage/",
    "ci-test": "CI=true react-scripts test --env=jsdom",
    "eject": "react-scripts eject",
    "lint-staged": "lint-staged"
  },
  "precommit": "lint-staged",
  "lint-staged": {
    "src/**/*.js": [
      "eslint --fix",
      "git add"
    ],
    "src/**/*.scss": [
      "stylelint --fix --syntax=scss",
      "git add"
    ]
  },

Далее огромный список dependencies

Answer 1

[Ostic]

а Вы что пытаетесь сделать и каким образом?
если Вы хотите импортить lodash функции,то возможно Вам нужно установить lodash-es
import { find } from 'lodash-es';

Comments

[Дмитрий]

Обходные пути я и без вас найду. Вопрос как подключить плагин.

[Ostic]

Дмитрий,
1. установить

yarn add -D  @babel/plugin-proposal-export-default-from

или

npm i -D @babel/plugin-proposal-export-default-from

2. прописать в babel

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

плагин подключен.

[Дмитрий]

Ostic, Что означает фраза "прописать в бабель"? Если в файл .babelrc то как следует из темы, прописано.

[Ostic]

Дмитрий, у Вас всё прописано, а проблема не понятно в чём - мало информации. у Вас есть этот пример на github.com?
У Вас React? Могу дать свой рабочий вариант.