node.js - Angular 通用服务器错误 : When using the default fallback, 必须在配置中提供后备语言

Question

我已经在我的应用程序上安装了 angular universal。运行 npm run build:ssr - 完成。作品。运行 npm run server:ssr - DONE.WORKS.

访问服务器 URL (localhost:4000) 后，页面未完全加载，终端上出现以下错误:

Answer 1

我也遇到了同样的问题，所以我想分享一下我的发现。

对我来说，有两个可能的原因/解决方案:

• 首先，在我项目的 I18N 默认 JSON 文件 en.json 中，我在 JSON 文件的结构中遇到了问题。

例如，我犯了以下错误。我错过了第二个标签“FINISH”之后的逗号:

{
"COMMON": {
    "EDIT": "Edit",
    "FINISH": "Finish"
    "QUIT": "Quit",
   }
}

因此在更正结构后，应用程序运行良好，没有错误。

• 其次，问题的另一个原因可能是，在运行时，transloco 无法在所选语言中找到正确的标签，因此它寻找备用语言，但它甚至无法在 transloco-root.module 中找到该标签.ts 所以在添加我的后备语言后，它试图在后备语言中找到与 transloco-root.module.ts 中指定的相同的内容。

所以它找到了那个标签，问题就解决了。

但是在提供的第二个解决方案中，您至少需要在该后备语言的 json 文件中以正确的格式包含该错误标签。

我添加了如下的后备语言:

useValue: translocoConfig({
            availableLangs: ['fr', 'en'],
            defaultLang: 'en',
            reRenderOnLangChange: true,
            fallbackLang: 'fr',
            prodMode: environment.production,
            missingHandler: {
                logMissingKey: true
            }
        })