问题描述
当尝试在jsx文件中使用import { Trans } from '@lingui/macro'
时,在浏览器中出现以下错误
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';
已尝试关注
- 在Webpack中添加
node: { fs: 'empty'},
配置 - 在babel插件中使用
require.resolve('babel-plugin-macros')
- 还尝试了不同版本的lingui
我认为'@ lingui / macro'或'babel-plugin-macros'软件包存在一些问题。我整天在这个问题上花费了任何帮助
上下文
版本
Webpack:4.44.2
@ lingui / cli和@ lingui / macro:2.9.2
babel-plugin-macros:^ 2.8.0
plugins: [
'babel-plugin-macros','@babel/plugin-transform-modules-commonjs','@babel/plugin-proposal-class-properties','@babel/plugin-proposal-object-rest-spread',]
Webpack配置
node: {
fs: 'empty'
},
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)