angular / angular/angular-cli

Esbuilder cannot localize 3rd party components

Open
#26,350 3 comments 9 reactions 0 assignees View on GitHub
angular/build:application angular/build:dev-server area: @angular/build freq1: low severity3: broken type: bug/fix
Dominant language
TypeScript
Stars
27k
Forks
11.8k
Avg merge
14h 23m
Merged PRs (30d)
162

Description

### Command

serve

### Is this a regression?

- [x] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

_No response_

### Description

I am start using the new angular builder and stuck with localizing an app. The texts are stayed in a source locale and the corresponding LOCALE_ID is not provided.

### Minimal Reproduction

1. git clone https://github.com/destus90/angular-esbuilder-kendo-localization
2. npm install
3. npm run start:fr
4. Observe browser's console (the provided LOCALE_ID is 'en-US') and the texts are not translated into French

### Exception or Error

_No response_

### Your Environment

```text
_ _ ____ _ ___
/ \ _ __ __ _ _ _| | __ _ _ __ / ___| | |_ _|
/ △ \ | '_ \ / _` | | | | |/ _` | '__| | | | | | |
/ ___ \| | | | (_| | |_| | | (_| | | | |___| |___ | |
/_/ \_\_| |_|\__, |\__,_|_|\__,_|_| \____|_____|___|
|___/

Angular CLI: 17.0.0
Node: 20.7.0
Package Manager: npm 10.1.0
OS: win32 x64

Angular: 17.0.0
... animations, cli, common, compiler, compiler-cli, core, forms
... localize, platform-browser, platform-browser-dynamic, router

Package Version
---------------------------------------------------------
@angular-devkit/architect 0.1700.0
@angular-devkit/build-angular 17.0.0
@angular-devkit/core 17.0.0
@angular-devkit/schematics 17.0.0
@schematics/angular 17.0.0
rxjs 7.8.1
typescript 4.9.5
zone.js 0.14.2
```

### Anything else relevant?

_No response_

Contributor guide

Open the contributing guide

Research direction

Start with the serve command in the linked minimal reproduction and run npm install followed by npm run start:fr. Compare the provided LOCALE_ID of en-US with the French build and browser console behavior; done means third-party component text is localized to French.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
build-system, internationalization, localization
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Active
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.