翻译模块中未定义上下文

Question

我尝试添加对端点的调用以获得翻译。我有这样的：

const loadLocales = async () => {
const context = require.context('./locales', true);
const data = await ApiService.post(`${translationToolUrl}/gateway/translations`, { project: 'myProject' });
const messages = context.keys()
.map((key) => ({ key, locale: key.match(/[-a-z0-9_]+/i)[0] }))
.reduce((msgs, { key, locale }) => ({
  ...msgs,
  [locale]: extendMessages(context(key)),
}), {});
return { context, messages };
};

const { context, messages } = loadLocales();

i18n = new VueI18n({
   locale: 'en',
   fallbackLocale: 'en',
   silentFallbackWarn: true,
   messages,  
});

if (module.hot) {
  module.hot.accept(context.id, () => {
  const { messages: newMessages } = loadLocales();
  Object.keys(newMessages)
    .filter((locale) => messages[locale] !== extendMessages(newMessages[locale]))
    .forEach((locale) => {
       const msgs = extendMessages(newMessages[locale]);
       messages[locale] = msgs;
       i18n.setLocaleMessage(locale, msgs);
     });
  });
  }

我添加了这个请求：ApiService.post。但是我有错误TypeError: context is undefined 掉在了module.hot.accept(context.id... 这一行。你知道我该如何解决吗？我的范围是添加此请求，以便暂时从数据库和 .json 文件中获取翻译。我现在想在两者之间进行合并，我将只从数据库中获取该功能，但这将逐步完成。

Answer 1

问题是，您尝试以错误的方式声明多个const，而与尝试声明它们两次无关。这显示在：

const { context, messages } = loadLocales();

这将使context 和messages 成为undefined。正如我在一个小示例中复制的那样，这不会产生错误：

const {first, second} = 'Testing'
console.log(first)
console.log(second)

first 和 second 都将是 undefined。如果你尝试一次声明多个const，你需要这样做：

const context = loadLocales(), messages = loadLocales();