zxing-js / ngx-scanner Goto Github PK

View Code? Open in Web Editor NEW

618.0 618.0 221.0 10.03 MB

Angular QR code, Barcode, DataMatrix, scanner component using ZXing.

Home Page: https://zxing-js.github.io/ngx-scanner/

License: MIT License

JavaScript 5.34% HTML 9.28% TypeScript 81.98% CSS 0.86% SCSS 2.54%

angular barcode camera demo hacktoberfest qr-code scanner sponsors wiki zxing

ngx-scanner's People

Contributors

Stargazers

Watchers

Forkers

noahsun ntswor blumk likhithagurram lbrep csutorasr yukkilx gitter-badger rastajpa xtj7 entspannt daanoz jack750155 jojastahl nodevar abaga129 mounirrquiba mozlek crossdjinn luukschoen maximosojo novalkrnfds bestbelief nyl162 hectormartin42 alachgar rog3rb0t andrew-kulpa mazlano27 mrz5018 lhmboyz ilsocio87 syncmjava herdhian narenawa github30 bencehornyak rajashekaradukanibluecloud dalestone zunym darksidersd mmmika rsegovia aerojeyenth yunoguthi martinpereiranm theomarshanti fabiorun philflash jorgecasar troovix tomz12321 kbrown pkoska lewis-hu annaijinwind lineberty lidi rupertgcox moshebdasa g-schmitz egaviriarestrepo dodobelieve reda1000 viraj99 rmz-b aijjou cymback bodhita processnull predorock haseeamarathunga raulti stelig kian23kpt carlosguedesjr moukail flypme conandark dddmen01 chargerback-marcus sicihan feranimaciones equero jkroepke nailrode yagoalon mattriddell guzmanoj kulas-frederic filippoamadori238 ognanshissi nestoralonsovina ekalaya skl-songkiat vanchelo commitmoji nkada grisxa hkadim-code2

ngx-scanner's Issues

decode triggered although stopped

It seems that there is a problem when stopping the camera. I'm always getting this exception:

ERROR TypeError: Cannot read property 'naturalWidth' of undefined
    at BrowserQRCodeReaderExt.BrowserCodeReaderExt.prepareCaptureCanvas (ngx-zxing.umd.js:8022)
    at BrowserQRCodeReaderExt.BrowserCodeReaderExt.decode (ngx-zxing.umd.js:7980)

As far as I've seen the decodeWithDelay is called again when the callback of the result returns. There is just a check if the decode should be done once (which is false per default). Therefore a new timer will start and it tries to get the input once again:

callbackFn(result);
if (!once) {
	setTimeout(function () { return _this.decodeWithDelay(callbackFn); }, this.timeBetweenScansMillis);
}

Solution may be to check if the process is already stopped and if so, the decoding is not called again.

Create releases on GitHub for each NPM publish

Are 1D barcodes supported?

Hi,

first of all thank your for your efforts in making this port working on angular. Your library works like a charm for QR, but I haven't managed to find a way to scan 1D barcodes. I didn't find any clue about that.

I am using angular 5.2.8 and @zxing/ngx-scanner 1.0.0-dev.ec70451. Windows 10 and Android L on Nexus 5x.

Thank you

Error: Cannot find module '@angular-devkit/core'

Hi,
I have just installed your component but

@angular-devkit/core

is not mentioned in docs.

Kindest regards.

Housekeeping

TODOs for making the house cooler.

Add contributing guide: https://gist.github.com/PurpleBooth/b24679402957c63ec426
Add code of conduct.
Add report bug issue template.
Add feature request issue template.

onCamsFound issue with mobile device

(onCamsFound) do not work with mobile device.

The function do not retrieve any camera.

Scanner is still working but using the first camera referenced in the device.

Point zxing-typescript as a dependency

zxing-typescript should be imported inside this versioned code, it should be used as a dependency instead.

Turn on flashlight

The feature request is about to having the ability to turn on the flashlight on mobile devices.

According to this post the stream is needed which is private at the moment, so we need a function to be able to set the state of the flashlight.

This function should be modified. Then the data should be binded to the component.

Is PR accepted on develop branch?

AOT Production Build: Failed

ERROR in @zxing\ngx-scanner\zxing-ngx-scanner.ts(9,2): Error during template compile of 'NgxZxingModule' Function calls are not supported in decorators but 'ɵmakeDecorator' was called in 'NgModule' 'NgModule' calls 'ɵmakeDecorator'

Package.json: "@zxing/ngx-scanner": "^1.0.0-dev.a5265f"

Getting above error, while we build project in production mode (aot=true)

Doesn't scan and display the result.

Although It correctly detects the camera, the ngx-zing.umd.js makes attempts which is logged in the console, but can't scan and display results.
Even on the stackblitz example given, I do not see any results. While the plunker example scans it immediately.
Any help is appreciated.

Remove log output

I'd suggest that we remove the console.log and console.warn output or at least replace it with console.debug (browser-code-reader.ts)

Remove `cssClass` attribute

As said in: #55 (comment)
...And confirmed in: #55 (comment)

The attribute will be removed from zxing-scanner component.

We have to add docs to explain how to style the inner elements without the class and with ::ng-deep virtual shadow piercing.

Change detection performance

Set the component to changeDetection: ChangeDetectionStrategy.OnPush to increase performance

Phone camera to screen doesn't work

Hi,

I implemented ngx-zxing in an web application.
QR Code scanner works fine when I try from my computer embedded webcam to another screen (smartphone with a QR code picture or a QR code photo), works also with a QR Code printed on paper.

The issue is about mobile phone camera(s).
First, (when working) the scan is harder to achieve (position, zoom etc... takes longer, sometimes works, sometimes not).
Then, I can't scan a QR code from a mobile to another screen (mobile to paper works ... sometimes).

I asked myself if the issue comes from ngx-zxing or from zxing-typescript directly.
So I tested with the demo page : https://aleris.github.io/zxing-typescript/examples/qr-camera/
Obviously, "smartphone decoding" works perfectly on this page.

I resume the whole situation :

Media / Device	Computer	Smartphone
Paper	OK	OK, but performance is random
Screen	OK	X

I'm testing the behaviour with Google Chrome browser (on computer and smartphone).
And of course, there is no error message (it would not be funny).

Any idea ?

Camera not opening in Android Web View app

I am trying same web application in Android WebView app, even I gave camera permission, it's not showing any camera list and not opening the camera. Is it any permission problem, or have to do some other setup?

Is it possible remove all console.log()?

Hello! :)

Your scanner is amazing, thank you!

But ... Is it possible that you delete all the console.log()? Because sometimes it is difficult to debug the application when another error occurs and the camera is scanning. Thanks in advance!

don't work with barcode

the component works fine with qrcode, but not with barcode. i'm trying to implement a both reader with next code:

`<ngx-zxing
[start]="camStarted"
[device]="selectedDevice"
(onCamsFound)="displayCameras($event)"
(onScan)="handleQrCodeResult($event)"

`

Support of full-screen mode on iOS

Hi, I'd like to know if there's a possibility of supporting
<meta name="apple-mobile-web-app-capable" content="yes"> on iOS devices? The preview video stopped working on my iPhone Safari after I added this to my page. My Android Chrome work fine with the above tag though. Any idea?

Thanks again for this great QR scanning library! Great job!!

Can't switch cameras

Sometimes (just sometimes, not always), when I try to change my camera source (with that select input) I got this error and cameras doesn't change:

ERROR Error: Uncaught (in promise): [object NavigatorUserMediaError]
    at resolvePromise (zone.js:824)
    at resolvePromise (zone.js:795)
    at eval (zone.js:873)
    at ZoneDelegate.invokeTask (zone.js:425)
    at Object.onInvokeTask (ng_zone.js:575)
    at ZoneDelegate.invokeTask (zone.js:424)
    at Zone.runTask (zone.js:192)
    at drainMicroTaskQueue (zone.js:602)
    at <anonymous>

Webcam do not stop when component is destroyed

Cannot Install By Angular CLI

Error occur as below, need help :
C:\xampp\htdocs\ANGULAR_PROJECT\vQr>npm i @zxing/ngx-scanner@latest --save

[email protected] install C:\xampp\htdocs\ANGULAR_PROJECT\vQr\node_modules\sharp
node-gyp rebuild

C:\xampp\htdocs\ANGULAR_PROJECT\vQr\node_modules\sharp>if not defined npm_config_node_gyp (node "C:\Users\yen-yee.wong\AppData\Roaming\npm\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin\\..\..\node_modules\node-gyp\bin\node-gyp.js" rebuild )  else (node "C:\Users\yen-yee.wong\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\bin\node-gyp.js" rebuild )
gyp ERR! configure error
gyp ERR! stack Error: Can't find Python executable "python", you can set the PYTHON env variable.
gyp ERR! stack     at PythonFinder.failNoPython (C:\Users\yen-yee.wong\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\lib\configure.js:483:19)
gyp ERR! stack     at PythonFinder.<anonymous> (C:\Users\yen-yee.wong\AppData\Roaming\npm\node_modules\npm\node_modules\node-gyp\lib\configure.js:508:16)
gyp ERR! stack     at C:\Users\yen-yee.wong\AppData\Roaming\npm\node_modules\npm\node_modules\graceful-fs\polyfills.js:284:29
gyp ERR! stack     at FSReqWrap.oncomplete (fs.js:152:21)
gyp ERR! System Windows_NT 6.1.7601
gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\yen-yee.wong\\AppData\\Roaming\\npm\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js" "rebuild"
gyp ERR! cwd C:\xampp\htdocs\ANGULAR_PROJECT\vQr\node_modules\sharp
gyp ERR! node -v v8.9.4
gyp ERR! node-gyp -v v3.6.2
gyp ERR! not ok
npm WARN rollback Rolling back [email protected] failed (this is probably harmless): EPERM: operation not permitted, scandir 'C:\xampp\htdocs\ANGULAR_PROJECT\vQr\node_modules\sharp\node_modules'
npm WARN rollback Rolling back [email protected] failed (this is probably harmless): EPERM: operation not permitted, rmdir 'C:\xampp\htdocs\ANGULAR_PROJECT\vQr\node_modules\fsevents\node_modules'
npm WARN rollback Rolling back [email protected] failed (this is probably harmless): EPERM: operation not permitted, rmdir 'C:\xampp\htdocs\ANGULAR_PROJECT\vQr\node_modules\fsevents\node_modules'
npm WARN @angular/[email protected] requires a peer of @angular/core@~5.1.1 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/common@~5.1.1 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/core@~5.1.0 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/common@~5.1.0 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/core@~5.1.1 but none is installed. You must install peer dependencies yourself.
npm WARN @angular/[email protected] requires a peer of @angular/common@~5.1.1 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/core@^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/core@^2.4.0 || ^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/common@^2.4.0 || ^4.0.0 but none is installed. You must install peer dependencies
yourself.
npm WARN [email protected] requires a peer of @angular/core@^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/core@^4.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: [email protected] (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for [email protected]: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] install: `node-gyp rebuild`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

Permission request timeout

As long as some browsers are unable to ask for permissions, as Chrome in iOS 11, the permission request method should emit some failure event after a certain timeout, so developers can check that something is really wrong.

Migrate deployment from ng-packagr to @angular/elements

Bug, feature request, or proposal:

proposal

Is there anything else we should know?

We are publishing the module trought ng-packagr. Angular 6 comes with new cool features, such as component deployment to WebComponents.

We should study this new feature and look for a possible migration to improve things here.

Package on NPM: https://www.npmjs.com/package/@angular/elements

Module not found: Error :Can't resolve 'text-encoding'

Hi David, I have tried to work with this ngx-zxing, but I get webpack: Failed to compile when I run the ng serve
What is the problem with these error and how can I fix it??

Error show as below:

Error details

ERROR in ./node_modules/ngx-zxing/ngx-zxing.umd.js
Module not found: Error: Can't resolve 'text-encoding' in 'C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\ngx-zxing'
resolve 'text-encoding' in 'C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\ngx-zxing'
  Parsed request is a module
  using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\ngx-zxing\package.json (relative path: .)
    Field 'browser' doesn't contain a valid alias configuration
  after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\ngx-zxing\package.json (relative path: .)
    resolve as module
      C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\ngx-zxing\node_modules doesn't exist or is not a directory
      C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\node_modules doesn't exist or is not a directory
      C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\node_modules doesn't exist or is not a directory
      C:\Users\yen-yee.wong\Desktop\node_modules doesn't exist or is not a directory
      C:\Users\yen-yee.wong\node_modules doesn't exist or is not a directory
      C:\Users\node_modules doesn't exist or is not a directory
      C:\node_modules doesn't exist or is not a directory
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./node_modules)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./node_modules)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./node_modules/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./node_modules)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./node_modules)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./node_modules/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
      looking for modules in C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src
        using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          Field 'browser' doesn't contain a valid alias configuration
        after using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src)
          using description file: C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\package.json (relative path: ./src/text-encoding)
            no extension
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
            .ts
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts doesn't exist
            .js
              Field 'browser' doesn't contain a valid alias configuration
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js doesn't exist
            as directory
              C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding doesn't exist
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\ngx-zxing\node_modules]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\node_modules]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\node_modules]
[C:\Users\yen-yee.wong\Desktop\node_modules]
[C:\Users\yen-yee.wong\node_modules]
[C:\Users\node_modules]
[C:\node_modules]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\node_modules\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.ts]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding.js]
[C:\Users\yen-yee.wong\Desktop\ANGULAR_PROJECT\vQr\src\text-encoding]
 @ ./node_modules/ngx-zxing/ngx-zxing.umd.js 5123:58-82 5149:58-82
 @ ./src/app/app.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts

Option for disabling autofocus

Disabling autofocus can potentially increase performance.
Add an option to disable it.

ngDevMode redeclare

Error given by angular-cli.

ERROR in node_modules/@angular/core/src/render3/ng_dev_mode.d.ts(9,11): error TS2451: Cannot redeclare block-scoped variable 'ngDevMode'.
node_modules/@zxing/ngx-scanner/node_modules/@angular/core/src/render3/ng_dev_mode.d.ts(9,11): error TS2451: Cannot redeclare block-scoped variable 'ngDevMode'.

The problem probably is the Angular is also installed in the node_modules of ngx-scanner module, and they are colliding.

Version: 1.0.0-dev.759282

On windows machine removing the node_modules/@zxing/ngx-scanner/node_modules folder solved the problem.
Under linux on CircleCI there was no problem.

Change the size of the preview-element doesn't work

Hello,

I tried to change the css-style as explained in usage but it doesn't worked for me.

My html file looks like this below:

<zxing-scanner #scanner class="test-class" 
      [scannerEnabled]="scannerEnabled"
      [device]="selectedDevice"
      (camerasFound)="displayCameras($event)"
      (scanSuccess)="handleQrCodeResult($event)"
      [cssClass]="'small-video'"></zxing-scanner>

and I try to change the style like this:

.small-video {
  max-height: 70vh;
  width: 100vw;
  object-fit: contain;
}

Thank you and best regards, Jan

ReferenceError: navigator is not defined at new NgxZxingComponent

Some node applications may throw this exception when rendering in server-side.

I think that by just checking if the navigator is defined on the component's constructor should be enough to kill this issue.

Check dependencies

E.g. imho rxjs is not needed here at all

How to set default Camera?

Instead of giving choices to the users, especially in mobile I would like to make default camera should be back camera.
Is there any option for that?

Undefined error in prepareCaptureCanvas method, if scanner is closed within scanDelay time after scanning a QR code successfully

Bug, feature request, or proposal:

What am I trying to do: I open an overlay to scan the QR code and when it was scanned successfully, I want to immediately close it. If I do that through the scanSuccess callback, it will throw an error that "this.imageElement.naturalWidth" is undefined

What is the expected behavior?

After a successful scan, I want to be able to immediately stop scanning and/or hide the entire scanner without any errors being thrown.

What is the current behavior?

After a successful scan, if I stop scanning immediately, it will throw an error "Cannot read property 'naturalWidth' of undefined" in the prepareCaptureCanvas method on the imageElement. This is because of

What are the steps to reproduce?

Here you can test both scenarios, once with the delay and once without, to see that the same code works as long as I wait after scanning and it does not, once I immediately stop scanning.
https://zxing-ngx-scanner-n5hoke.stackblitz.io/

Which versions of Angular, `ngx-scanner`, OS, TypeScript, browsers are affected?

Tested with Angular 4 and Angular 5, ngx-scanner 1.0.5
OS, TS version and browser are no factor.

Is there anything else we should know?

A suggestion on how to "fix" it, is to let it silently fail in the beginning of the decode method, if neither videoElement nor imageElement are found, e.g.:
if (undefined === this.videoElement && undefined === this.imageElement) return;

NullInjectorError: No provider for IterableDiffers!

I get an error when i try the basic example:
Unhandled Promise rejection: StaticInjectorError(AppModule)[NgClass -> IterableDiffers]: StaticInjectorError(Platform: core)[NgClass -> IterableDiffers]: NullInjectorError: No provider for IterableDiffers! ; Zone: angular ; Task: Promise.then ; Value: Error: StaticInjectorError(AppModule)[NgClass -> IterableDiffers]: StaticInjectorError(Platform: core)[NgClass -> IterableDiffers]:

Versions:
Angular CLI: 1.7.3
Node: 9.4.0
OS: win32 x64
Angular: 5.2.8
... animations, common, compiler, compiler-cli, core, forms
... http, platform-browser, platform-browser-dynamic
... platform-server, router

@angular/cdk: 5.2.4
@angular/cli: 1.7.3
@angular/material: 5.2.4
@angular-devkit/build-optimizer: 0.3.2
@angular-devkit/core: 0.3.2
@angular-devkit/schematics: 0.3.2
@ngtools/json-schema: 1.2.0
@ngtools/webpack: 1.10.2
@schematics/angular: 0.3.2
@schematics/package-update: 0.3.2
typescript: 2.6.2
webpack: 3.11.0

am i missing something?

Not scanning all Types of QR Codes

I thought this library will work for all types of QR code, but its not reading some QR code.
Not Scanning QR:

Working QR:

Default throttling should be set

Why change an existing behavior?
The default throttling is now 1500ms. It may differ for applications.

Expected behavior
There should be an providable config object also for the configurations maybe added later.

Add documentation for v1

Add documentation about how to use it from component's TypeScript file with @ViewChild, etc.

Improve/rename `start` property

Well, this property is a little confusing, my suggestion is to rename it to autostart and refactor the code to make less use of it. Also, methods should be included to start/stop scan and play/pause the preview.

If people still wants this property, I thikn it should be at least renamed to make it clear what it does. Also, there are implementations of the component property that reproduces strange behaviors.

Camera Permission on devices aksed every page reload

Hello,

I've integrated this component (Thanks) and what I see today is :

On Desktop, permission is asked first time, then camera is working after each reload
On mobile (I'm testing with Iphone SE, IOS 11 on Safari), everytime I'm reloading the page, same question over again "asking for permission".
Don't really know if it's a ngx-scanner question or a "permission handling by browser" question. Sorry if I'm mistaken.

Thanks
Ivan

It doesn't work with Data matrix ?

is it possible to scan data matrix code?

Typescript Error: Cannot redeclare block-scoped variable 'ngDevMode'.

I'm trying to integrate the ngx-scanner into my ionic-app. The appropriate package, as well as module dependencies, are installed. But nevertheless, I've got an error:

"typescript: ...myproject/node_modules/@angular/core/src/render3/ng_dev_mode.d.ts, line: 9
Cannot redeclare block-scoped variable 'ngDevMode'."

My current angular version: 5.2.7

Treat exception when no cameras found

When no cameras found, user has no option to take a callback and do some alert:

NavigatorUserMediaError {name: "DevicesNotFoundError", message: "", constraintName: ""}

Does not scan on some android phones

Firstly, thank you for this great piece of work! We had trouble getting instascan to work on iOS and this has solved our problem.

But, I tested this on a Pixel 2 and Mi A1 it does not work all the time. Strangely, instascan works well on Chrome Android.

What's weird is ngx-zxing works on a Nexus 5 and an old Vivo phone with Android 4.2

Under https://github.com/werthdavid/ngx-zxing#performance you mentioned, "Auto-focus can cause lags in detection as the camera adjusts focus." Is there a fixed-focus option available?

Not sure what is causing this issue.

Can't bind to 'start' since it isn't a known property of 'ngx-zxing'.

I have followed the steps in your README but I'm getting the following errors:
Any help would be much appreciated!
NodeInvocationException: Template parse errors:
Can't bind to 'start' since it isn't a known property of 'ngx-zxing'.

If 'ngx-zxing' is an Angular component and it has 'start' input, then verify that it is part of this module.
If 'ngx-zxing' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("

<ngx-zxing
[ERROR ->][start]="camStarted"
[device]="selectedDevice"
(onCamsFound"): ng:///AppModuleShared/SendComponent.html@132:20
Can't bind to 'device' since it isn't a known property of 'ngx-zxing'.
If 'ngx-zxing' is an Angular component and it has 'device' input, then verify that it is part of this module.
If 'ngx-zxing' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
<ngx-zxing
[start]="camStarted"
[ERROR ->][device]="selectedDevice"
(onCamsFound)="displayCameras($event)"
"): ng:///AppModuleShared/SendComponent.html@133:20
'ngx-zxing' is not a known element:
If 'ngx-zxing' is an Angular component, then verify that it is part of this module.
If 'ngx-zxing' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("

[ERROR ->] ][start]="camStarted" [device]="selectedDevice" (onCamsFound"): ng:///AppModuleShared/SendComponent.html@132:20 Can't bind to 'device' since it isn't a known property of 'ngx-zxing'. 1. If 'ngx-zxing' is an Angular component and it has 'device' input, then verify that it is part of this module. 2. If 'ngx-zxing' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. 3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. (" ][device]="selectedDevice" (onCamsFound)="displayCameras($event)" "): ng:///AppModuleShared/SendComponent.html@133:20 'ngx-zxing' is not a known element: 1. If 'ngx-zxing' is an Angular component, then verify that it is part of this module. 2. If 'ngx-zxing' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message. ("

[ERROR ->]) at JitCompiler.module.exports.JitCompiler._compileComponents (c:\Users\Markus\WebWallet\webwallet\ClientApp\dist\vendor.js:51909:19) at c:\Users\Markus\WebWallet\webwallet\ClientApp\dist\vendor.js:51796:19 at Object.then (c:\Users\Markus\WebWallet\webwallet\ClientApp\dist\vendor.js:26822:92) at JitCompiler.module.exports.JitCompiler._compileModuleAndComponents (c:\Users\Markus\WebWallet\webwallet\ClientApp\dist\vendor.js:51795:26) at JitCompiler.module.exports.JitCompiler.compileModuleAsync (c:\Users\Markus\WebWallet\webwallet\ClientApp\dist\vendor.js:51724:37)

how to handle "Requested device not found" exception?

I'm trying to check whether camera available or not on component OnInit, if no device found have to show the warning message.

`ngOnInit() {

}
displayCameras(cameras: object[]) {
this.availableDevices = cameras;
if (cameras && cameras.length > 0) {
this.selectedDevice = cameras[0];
this.cameraStarted = true;
} else {
alert('Please Enable Camera / Camera not found ');
}
}`

AOT build fails

I get the following error during AOT build.

ERROR in ../@zxing/ngx-scanner/zxing-ngx-scanner.ts(9,2): Error during template compile of 'NgxZxingModule'
  Function calls are not supported in decorators but 'ɵmakeDecorator' was called in 'NgModule'
    'NgModule' calls 'ɵmakeDecorator'.

To the npm test the aot build should be added.

v1.1.0 Docs

Bug, feature request, or proposal:

Feature.

What is the use-case or motivation for changing an existing behavior?

Users should be able to use the library without knowing it.

If there's already docs for something, let's just re-check.

Let's make a TODO list:

Future work: auto-generating docs, auto-generating API reference, remove docs from version control.

Support for 1D Barcodes

After merging the PR #12 in the zxing-library, we will be able to detect 1D Barcodes as well. We should make the scanner fit for that as well

extending BrowserBarcodeReader if needed
at least update Wiki and Readme

testcases

are there some testcases defined ?

How to change the size

The angular component works great but I am not able to resize. I even tried in the plunker but did not work. Is that possible to resize and can you show me an example?

Thanks.

StackBlitz demo doesn't work on tablets

Hi,

A mere minutes I tried to run your StackBlitz demo on Samsung Android tablet but it doesn't work.

The select field appears with no content.

Is there another demo available?

Thanks in advance. Best regards.

Publish npm package under scope (refactoring needed)

I think we can do this for v1.0.0, a major release indicating that some things will change completely.

We also gotta decide what name use for the scanner component, maybe NgxScannerComponent and NgxScannerModule? (maybe it's too generic)

Publish package.
Rename classes.
Release G.A. version.

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.

zxing-js / ngx-scanner Goto Github PK

ngx-scanner's People

Contributors

Stargazers

Watchers

Forkers

ngx-scanner's Issues

Bug, feature request, or proposal:

Is there anything else we should know?

Bug, feature request, or proposal:

What is the expected behavior?

What is the current behavior?

What are the steps to reproduce?

Which versions of Angular, ngx-scanner, OS, TypeScript, browsers are affected?

Is there anything else we should know?

Bug, feature request, or proposal:

What is the use-case or motivation for changing an existing behavior?

Recommend Projects

Recommend Topics

Recommend Org

Which versions of Angular, `ngx-scanner`, OS, TypeScript, browsers are affected?