Angular 错误:未捕获(承诺中):错误:无法匹配任何路由。URL段:';en';
我对在英语中使用内化有一个问题。问题是,当我使用任意按钮切换语言时,它会显示:Error:Uncaught(承诺中):Error:无法匹配任何路由。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
下面是一个我看到如何实现它的示例: 这是我的标题代码-我有这些按钮:
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"
}