相关疑难解决方法(0)

如何在开发过程中使用 ng serve 服务不同的 Angular 语言环境?

我正在使用Angular Internationalization (i18n)以两种不同的语言 (fa/en) 开发应用程序。

  • 目标是将两个不同的构建部署到服务器上的子文件夹中 (example.com/en/...)
  • 这些构建不仅在翻译上不同,而且样式和布局方向也不同。

我可以提供任何这样的本地化(语言)

  "architect": {
    "build": {
      ...
      ,
      "configurations": {
      ...
        },
        "fa": {
          "localize": ["fa"],
          "baseHref": "/fa/"
        },
        "en": {
          "localize": ["en"],
          "baseHref": "/en/"
        }
      }
    },
    "serve": {
      "builder": "@angular-devkit/build-angular:dev-server",
      "options": {
        "browserTarget": "app:build"
      },
      "configurations": {
        "production": {
          "browserTarget": "app:build:production"
        },
        "en": {
          "browserTarget": "app:build:en"
        },
        "fa": {
          "browserTarget": "app:build:fa"
        }
      }
    },
    "extract-i18n": {
      "builder": "@angular-devkit/build-angular:extract-i18n",
      "options": {
        "browserTarget": "app:build"
      }
    },
    ...
  }
Run Code Online (Sandbox Code Playgroud)

然后ng serve …

angular-i18n angular

17
推荐指数
2
解决办法
7527
查看次数

发生未处理的异常:开发服务器仅支持每个构建本地化单个区域设置

请告知如何修复此错误,我正在尝试实现本地化,但遇到了此问题。我使用的指南: https: //angular.io/guide/i18n#merge-translations-into-the-app 如果有帮助,我可以使用 ngserve --configuration=ru --open 运行并且应用程序已本地化,但是在我使用 _build.bat 之后,它破坏了我的应用程序,我根本无法再运行它。如果我指定不同的端口,则会抛出错误“NGCC 失败”。这是我的 angular.json 文件中的代码示例:

"projects": {
"operator": {
   "i18n": {
        "sourceLocale": "en-US",
        "locales": {
          "ru": "src/locale/messages.ru.xlf"
        }
   },
  "projectType": "application",
  "schematics": {},
  "root": "",
  "sourceRoot": "src",
  "prefix": "app",
  "architect": {
    "build": {
      "builder": "@angular-devkit/build-angular:browser",
      "options": {
        "outputPath": "dist/operator",
        "index": "src/index.html",
        "main": "src/main.ts",
        "polyfills": "src/polyfills.ts",
        "tsConfig": "tsconfig.app.json",
        "aot": true,
        "localize": true,
        "assets": [
          "src/favicon.ico",
          "src/assets"
        ],
        "styles": [
          "src/styles.css"
        ],
        "scripts": ["src/version.js"]
      },
      "configurations": {
        "ru": {
            "localize": ["ru"]
        },
        "production": { …
Run Code Online (Sandbox Code Playgroud)

angular

8
推荐指数
3
解决办法
7584
查看次数

标签 统计

angular ×2

angular-i18n ×1