小编Mau*_*out的帖子

我对 Vue3 或客户端开发总体来说有点陌生，我的任务是从 i18n 读取或更改全局区域设置。但根据文档，我应该能够在我的组件中使用 $i18n 变量，但它告诉我它是未定义的。

这是我的 i18n 配置：

    从“vue-i18n”导入{createI18n}；
    从“./locales/en.json”导入 en；
    从“./locales/nl.json”导入 nl；
    
    常量 i18n = createI18n({
      区域设置：“nl”，
      允许成分：真，
      warnHtmlInMessage: "关闭",
      后备区域设置：“nl”，
      消息：{
        恩，
        荷兰，
      },
    });
    导出默认i18n；

我的 main.ts 正在使用它

    从“vue”导入{createApp}；
    从“axios”导入 axios；
    从“@/App.vue”导入应用程序；
    从“@/router”导入路由器；
    从“@/plugin/appSettings”导入 appSettings, { type iAppSettings };
    从“@/plugin/api”导入 api；
    从“@/i18n”导入 i18n；
    从“@/stores”导入pinia；
    
    const startUp = async () => {
      尝试 {
        让设置=空；
        const 结果 = 等待 axios.get("config/config.json");
        设置=结果.数据；
        console.debug("加载的配置：", 设置);
    
        const app = createApp(应用程序);
        应用程序使用（pinia）；
        应用程序。使用（路由器）；
        app.use(appSettings, 设置);
        app.use(api, 设置?.apiUrl);
        应用程序.use(i18n);
    
        app.mount("#app");
    
        // …