'zxing-scanner' is not a known element

Describe the bug We started a new Angular project and we import the library using Getting Started wiki page. The scanner works on our PCs (using WebCam) but there is this annoying vs code reported problem.

'zxing-scanner' is not a known element:
1. If 'zxing-scanner' is an Angular component, then verify that it is part of this module.
2. If 'zxing-scanner' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

Expected behavior We expect that there are no errors reported with basic package usage

Screenshots

Desktop (please complete the following information):

Angular CLI: 11.0.5
Node: 14.15.3
OS: win32 x64

Angular: 11.0.5
... animations, cli, common, compiler, compiler-cli, core, forms
... platform-browser, platform-browser-dynamic, router
Ivy Workspace: Yes

Package                         Version
---------------------------------------------------------
@angular-devkit/architect       0.1100.5
@angular-devkit/build-angular   0.1100.5
@angular-devkit/core            11.0.5
@angular-devkit/schematics      11.0.5
@schematics/angular             11.0.5
@schematics/update              0.1100.5
rxjs                            6.6.3
typescript                      4.0.5

Is that an expected behavior? How can we correctly solve it?

[raptortrx]

@odahcam

Hi, updated from 3.0.0 to v3.1.3, the “‘zxing-scanner’ is not a known element:” error is gone. On build i got a dependeny error and had to install @zxing/browser and @zxing/library, then everything worked fine. The bundle size of my angular app increased by ~300kb 😐

[atorres16]

This happened to me because I was using Angular version 12, I updated to Angular 14 and it worked