angular - Angular 9 国际化 - 请求的语言环境错误
问题描述
我正在使用 Angular 9 中的新国际化方式创建一个新应用程序。当我运行命令时ng serve --configuration=en
,我收到以下错误 -
发生未处理的异常:未为项目定义请求的语言环境“en”。
我已经验证了 xlf 文件的位置。存在语言环境文件。该应用程序在没有配置参数的情况下运行良好。我的项目的 Angular.json -
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"khelFever2": {
"projectType": "application",
"schematics": {
"@schematics/angular:component": {
"style": "scss"
},
"i18n": {
"locales": {
"en": "src/locale/messages.en.xlf",
"hi": "src/locale/messages.hi.xlf"
}
}
},
"root": "",
"sourceRoot": "src",
"prefix": "app",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/khelFever2",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "tsconfig.app.json",
"aot": true,
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"src/styles.scss",
"node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": []
},
"configurations": {
"production": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"extractCss": true,
"namedChunks": false,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true,
"budgets": [
{
"type": "initial",
"maximumWarning": "2mb",
"maximumError": "5mb"
},
{
"type": "anyComponentStyle",
"maximumWarning": "6kb",
"maximumError": "10kb"
}
]
},
"en": {
"localize": ["en"]
},
"hi": {
"localize": ["hi"]
}
}
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "khelFever2:build"
},
"configurations": {
"production": {
"browserTarget": "khelFever2:build:production"
},
"en": {
"browserTarget": "khelFever2:build:en"
},
"hi": {
"browserTarget": "khelFever2:build:hi"
}
}
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"browserTarget": "khelFever2:build"
}
},
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
"main": "src/test.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "tsconfig.spec.json",
"karmaConfig": "karma.conf.js",
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"src/styles.scss",
"node_modules/bootstrap/dist/css/bootstrap.min.css"
],
"scripts": []
}
},
"lint": {
"builder": "@angular-devkit/build-angular:tslint",
"options": {
"tsConfig": [
"tsconfig.app.json",
"tsconfig.spec.json",
"e2e/tsconfig.json"
],
"exclude": [
"**/node_modules/**"
]
}
},
"e2e": {
"builder": "@angular-devkit/build-angular:protractor",
"options": {
"protractorConfig": "e2e/protractor.conf.js",
"devServerTarget": "khelFever2:serve"
},
"configurations": {
"production": {
"devServerTarget": "khelFever2:serve:production"
}
}
}
}
}
},
"defaultProject": "khelFever2",
"cli": {
"analytics": false
}
}
解决方案
此错误是因为您已在节点中包含i18n
数据。schematics
您需要将其上移一级
尝试
"projects": {
"khelFever2": {
"projectType": "application",
"i18n": {
"locales": {
"en": "src/locale/messages.en.xlf",
"hi": "src/locale/messages.hi.xlf"
}
}
"schematics": {
"@schematics/angular:component": {
"style": "scss"
}
},
"root": "",
"sourceRoot": "src",
"prefix": "app",
推荐阅读
- java - 如何在 Windows 7 32 位上安装 intellij IDEA 社区版?
- java - 匹配的字符串不会在 if else 条件 java 中通过语句
- python - 如何拍摄硒中发生的事情的视频
- sql - 基于来自另一表的查询从一个表查询
- date - 可旋转的闪亮日期降序
- javascript - 如何使用 Context API 将一种状态和功能传递给多个不同的组件?
- caching - smarty tpl 文件被缓存,更新也不可能
- c# - 我在这个方法c#中返回什么
- c++ - 字符数组初始化和尾随 null
- postgresql - PostgreSQL 没有在 UPDATE 语句上使用正确的分区