TypeError after updating "@angular-devkit/build-angular to 0.803.2

[simdevmon]

I use "@ngx-translate/i18n-polyfill": "1.0.0" together with Angular 8.2.4 and it is working fine so far with:

    "@angular-devkit/build-angular": "0.802.2",
    "@angular/cli": "^8.2.2",

When I update to and start my application with ng serve --aot

    "@angular-devkit/build-angular": "0.803.2",
    "@angular/cli": "^8.3.2",

I get the following error when trying to access the application in the browser:

ERROR Error: Uncaught (in promise): TypeError: this._input.charCodeAt is not a function
TypeError: this._input.charCodeAt is not a function
    at Tokenizer._advance (ngx-translate-i18n-polyfill.js:1256)
    at new Tokenizer (ngx-translate-i18n-polyfill.js:1111)
    at tokenize (ngx-translate-i18n-polyfill.js:1062)
    at Parser.parse (ngx-translate-i18n-polyfill.js:1909)
    at Xliff2Parser.parse (ngx-translate-i18n-polyfill.js:3382)
    at xliff2LoadToI18n (ngx-translate-i18n-polyfill.js:3359)
    at Function.load (ngx-translate-i18n-polyfill.js:6389)
    at new I18n (ngx-translate-i18n-polyfill.js:6939)
    at _createClass (core.js:30471)
    at _createProviderInstance (core.js:30425)
    at resolvePromise (zone-evergreen.js:797)
    at resolvePromise (zone-evergreen.js:754)
    at zone-evergreen.js:858
    at ZoneDelegate.invokeTask (zone-evergreen.js:391)
    at Object.onInvokeTask (core.js:39679)
    at ZoneDelegate.invokeTask (zone-evergreen.js:390)
    at Zone.runTask (zone-evergreen.js:168)
    at drainMicroTaskQueue (zone-evergreen.js:559)

Angular CLI: 8.3.2
Node: 10.16.0
OS: win32 x64
Angular: 8.2.4
... animations, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.803.2
@angular-devkit/build-angular     0.803.2
@angular-devkit/build-optimizer   0.803.2
@angular-devkit/build-webpack     0.803.2
@angular-devkit/core              8.3.2
@angular-devkit/schematics        8.3.2
@angular/cdk                      8.1.4
@angular/cli                      8.3.2
@ngtools/webpack                  8.3.2
@schematics/angular               8.3.2
@schematics/update                0.803.2
rxjs                              6.5.2
typescript                        3.5.3
webpack                           4.39.2

[wartab]

It's been a while, but I have the same issue since the upgrade to angular-cli 8.3.

[ibrcic]

I have the same issue, anyone found a solution?

[dschwank]

The raw-loader changed. You have to use .default when requiring the xlf file.

const translations = require('raw-loader!./i18n/messages.ko.xlf').default;

See: angular/angular#32333

[simdevmon]

Thank you @dschwank . This was working for me.

[lukengda]

The readme.md should note those changes. The raw-loader example here is just showing the 8.0.0 way. Maybe we should provide both versions for now, I just followed the instructions here in the repo and ran into this problem…