获取ChunkLoadError:在vuejs中加载懒读翻译时的块

Question

我正在尝试为我的Vuejs应用程序实现延迟加载翻译，并遵循本指南：https://kazupon.github.io/vue-i18n/guide/lazy-loading.html任何帮助都将是非常感谢的。提前谢谢！

文件结构如下所示：

src/translations
   -- AllMessages.ts
   -- bg-BG.json
   -- da-DK.json
   -- en.json 
   ....... more json files here

我的i18n.ts文件：

import Vue from "vue";
import VueI18n from "vue-i18n";
// import { allMessages } from "@/translations/allMessages";

Vue.use(VueI18n);
const selectedLanguage: any = 'en' || something.language.split("-")[0];

const loadedLanguages = ["en"];

const getLanguageMessage = async () =>
  await import(/* webpackChunkName: "selectedLanguage-[request]" */ `@/translations/${selectedLanguage}.json`);

const messages: any = { [selectedLanguage]: getLanguageMessage() }; 
console.log("messages", messages); // this promise is rejected, I see in the console

const i18n = new VueI18n({
  locale: selectedLanguage, // "en",
  fallbackLocale: "en",
  messages: messages, // set locale messages
});

console.log("i18n-message", i18n.messages);


export default i18n;

在我的控制台中，我收到了错误：

​

​

Answer 1

百里香进口防腐剂。