"TextFieldElement is not defined" in angular-cli prod build

Flow
1

Hi all

I started a new angular project (setup done with angular-cli) and I’m struggling using certain Vaadin components. I was able to successfully integrate a vaadin-button and a vaadin-text-field, but got the following error when I tried to use a vaaadin-password-field or a vaadin-login component:

vaadin-password-field.js.pre-build-optimizer.js:74 Uncaught ReferenceError: TextFieldElement is not defined
    at Module.zUnb (vaadin-password-field.js.pre-build-optimizer.js:74)
    at f (bootstrap:78)
    at Object.0 (boot.js.pre-build-optimizer.js:21)
    at f (bootstrap:78)
    at t (bootstrap:45)
    at Array.r [as push]
 (bootstrap:32)
    at main.5bfa177d7dbbced4bfcc.js:1

The error only occurs in prod builds! To me it looks like there is an ordering issue when importing the libraries. Does anyone have an idea why this is happening?

2

The problem is still not solved, no answer from Vaadin since two weeks. I also created two corresponding tickets on Github (https://github.com/vaadin/vaadin-text-field/issues/396, https://github.com/vaadin/base-starter-angular/issues/25) including a description how to reproduce the issue in Vaadin’s base-starter-angular project, both tickets also unanswered until today.

We tried to use Vaadin components in a commercial project, but it seems not ready to be used and without any support, we will have to switch to another framework like Angular material.

3

Replied in one of the GH issues: https://github.com/vaadin/base-starter-angular/issues/25#issuecomment-511739770