Не удается импортировать @lingui/macro в приложение React с помощью webpack. "Не удается найти модуль 'fs' в webpackMissingModule"
Я получаю следующую ошибку в браузере при попытке использовать
import { Trans } from '@lingui/macro'
в файле jsx
async.js:1 Uncaught Error: Cannot find module 'fs'
at webpackMissingModule (async.js:1)
at Object.<anonymous> (async.js:1)
at Object../node_modules/babel-plugin-macros/node_modules/resolve/lib/async.js (async.js:298)
at __webpack_require__ (bootstrap:789)
at fn (bootstrap:100)
at Object../node_modules/babel-plugin-macros/node_modules/resolve/index.js (index.js:1)
at __webpack_require__ (bootstrap:789)
at fn (bootstrap:100)
at Object.<anonymous> (index.js:11)
at Object../node_modules/babel-plugin-macros/dist/index.js (easy-access-bundle.js:52475)
Код работает, когда я использую
import { Trans } from '@lingui/react';
Уже пробовали подписку
- Добавление
node: { fs: 'empty'},
конфиг в webpack - С помощью
require.resolve('babel-plugin-macros')
в плагине Babel - Также пробовал другую версию lingui
Я думаю, что есть проблема с пакетом '@lingui/macro' или 'babel-plugin-macros'. Я потратил на это целый день, любая помощь будет оценена
Контекст
версии
webpack: 4.44.2
@ lingui / cli & @ lingui / macro: 2.9.2
babel-plugin-macros: ^2.8.0
Плагины в babel.config.js
plugins: [
'babel-plugin-macros',
'@babel/plugin-transform-modules-commonjs',
'@babel/plugin-proposal-class-properties',
'@babel/plugin-proposal-object-rest-spread',
]
Конфигурация Webpack
node: {
fs: 'empty'
},