Не удается импортировать @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'
    },

0 ответов

Другие вопросы по тегам