因此,我正在Electron中实现一个项目,并希望在其中实现国际化。我有一个简单的组件,它使用react-intl
的FormattedMessage和一个messages.js
文件及其消息说明。我尝试按照文档中的教程使用@formatjs/cli
提取国际化消息,尽管它似乎正确运行,但npm脚本似乎未返回任何内容,就像没有找到任何消息一样。我的配置和文件如下所示:.babelrc
{
"presets": ["react-app"],
"plugins": [
[
"react-intl",
{
"idInterpolationPattern": "[sha512:contenthash:base64:6]",
"extractFromFormatMessageCall": true,
"ast": true
}
]
]
}
messages.js
import { defineMessage, defineMessages } from 'react-intl';
const scope = 'src.components.Test';
export default defineMessages({
info: {
id: `${scope}.info`,
defaultMessage: 'Info'
}
});
package.json
...
"scripts": {
"serve": "react-scripts start",
"start": "SET DEBUG=true && electron .",
"lint": "eslint .",
"lint:fix": "eslint --fix .",
"build": "react-scripts build",
"test": "react-scripts test",
"eject": "react-scripts eject",
"messages:extract": "formatjs extract --ignore=src/translations/* --out-file=src/translations/pt.json 'src/**/messages.js'",
"messages:compile": "formatjs compile-folder --ast src/translations src/compiled-translations"
},
...
"devDependencies": {
"@babel/cli": "^7.12.8",
"@formatjs/cli": "^2.13.15",
"babel-plugin-react-intl": "^8.2.21",
"babel-preset-react-app": "^10.0.0",
"electron": "^10.1.1",
"eslint": "^6.6.0",
"eslint-config-airbnb": "^18.2.0",
"eslint-plugin-import": "^2.22.1",
"eslint-plugin-jsx-a11y": "^6.4.1",
"eslint-plugin-react": "^7.21.5",
"eslint-plugin-react-hooks": "^4.2.0",
"extract-react-intl-messages": "^4.1.1"
}
现在,每当我运行提取脚本(messages:extract
)时,我得到的只是一个空的json对象。如果我做错了任何想法?谢谢!
最佳答案
我遇到过同样的问题。
尝试将'src/**/messages.js'
更改为\"src/**/messages.js\"
对我来说,这种改变很有效。
关于reactjs - 在项目上运行formatjs提取时,未返回任何消息。有什么想法吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/65156419/