Angular 错误:未捕获(承诺中):错误:无法匹配任何路由。URL段:';en';

Angular 错误:未捕获(承诺中):错误:无法匹配任何路由。URL段:';en';,angular,localization,internationalization,Angular,Localization,Internationalization,我对在英语中使用内化有一个问题。问题是,当我使用任意按钮切换语言时,它会显示:Error:Uncaught(承诺中):Error:无法匹配任何路由。URL段:“en”。我使用两种语言:英语和乌克兰语 下面是一个我看到如何实现它的示例: 这是我的标题代码-我有这些按钮: header.component.html: package.json部分: angular.json部分: <mat-toolbar class="nav"> <s

我对在英语中使用内化有一个问题。问题是,当我使用任意按钮切换语言时,它会显示:Error:Uncaught(承诺中):Error:无法匹配任何路由。URL段:“en”。我使用两种语言:英语和乌克兰语
下面是一个我看到如何实现它的示例:

这是我的标题代码-我有这些按钮:
header.component.html:

package.json部分:

angular.json部分:

    <mat-toolbar class="nav">
        <span>
        <a class="imgLogo" routerLink="/" routerLinkActive="active">
        <img src="/assets/img/logo.png" class="logo">MindCare
        </a>
        <a class="statistics" routerLink="/charts" routerLinkActive="active" i18n>STATISTICS</a>
        <a class="contact" routerLink="/contact-us" i18n>CONTACT</a>
        </span>
        <div fxLayout="row" fxShow="false" fxShow.gt-sm>
        <ng-container *ngFor="let language of languageList">
            <a href="/{{language.code}}/">
                <button mat-button>
                    {{language.label}}
                </button>
            </a>
        </ng-container>
        <a class="reg" routerLink="/registration" routerLinkActive="active" i18n>REGISTRATION</a>
        <a class="log" routerLink="/login" routerLinkActive="active" i18n>LOGIN</a>
        </div>
    </mat-toolbar>
import { Component, OnInit, LOCALE_ID, Inject  } from '@angular/core';

@Component({
  selector: 'app-header',
  templateUrl: './header.component.html',
  styleUrls: ['./header.component.css']
})
export class HeaderComponent implements OnInit {
  languageList = [
  { code: 'en', label: 'English' },
  { code: 'uk', label: 'Українська' }
  ];
  constructor(@Inject(LOCALE_ID) protected localeId: string) { }

  ngOnInit() {
   
  }


}
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "ng lint",
    "e2e": "ng e2e",
    "build-locale:en": "ng build --prod --i18n-locale en --i18n-format xlf --i18n-file src/translate/messages.en.xlf --output-path=dist/en --baseHref /en/",
    "build-locale:uk": "ng build --prod --i18n-locale uk --i18n-format xlf --i18n-file src/translate/messages.uk.xlf --output-path=dist/uk --baseHref /uk/",
    "build-locale": "npm run build-locale:en && npm run build-locale:uk"
  }
"en": {
              "aot": true,      
              "i18nFile": "src/translate/messages.en.xlf",      
              "i18nFormat": "xlf",      
              "i18nLocale": "en",      
              "i18nMissingTranslation": "error" 
            },
            "uk": {
              "aot": true,      
              "i18nFile": "src/translate/messages.uk.xlf",      
              "i18nFormat": "xlf",      
              "i18nLocale": "uk",      
              "i18nMissingTranslation": "error" 
            }