SyntaxError，const数组函数

Question

对不起，我对nodejs不是很有经验我看到下面的错误。

ERROR in ./src/ui/EditorToolbarConfig.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
SyntaxError: /Applications/MAMP/htdocs/prosemirror12/src/ui/EditorToolbarConfig.js:

意外的令牌(166:13(

164 |     '[image] Insert image': [
165 |       {
> 166 |         lang('Insert image by URL'): IMAGE_FROM_URL,

我已经编写了一个单独的js文件i18.js:

let lang_list = {}
lang_list['en'] = {'Insert Table...': 'Insert Table...',
'Fill Color...': 'Fill Color...',}
lang_list['zh'] = {'Insert Table...': 'Insert Table...',
'Fill Color...': 'Fill Color...',
'Border Color....': 'Border Color....'}

export default function Lang(text) {
if (text in lang_list['zh']) {
return lang_list['zh'][text]
}
return text
}

我想在这里加载这个文件EditorToolbarConfig.js:

import Lang from './i18n';
export const COMMAND_GROUPS = [
{
Lang( 'Insert image by URL'): FontTypeCommandMenuButton,
},
{
Lang( '[format_size] Text Size'): FontSizeCommandMenuButton,
}]

出于某种原因，我看到了上面的错误。

谢谢！

Answer 1

动态键应该使用方括号。

export const COMMAND_GROUPS = [
{
[Lang("Insert image by URL")]: FontTypeCommandMenuButton,
},
{
[Lang("[format_size] Text Size")]: FontSizeCommandMenuButton,
},
];