Problem via NPM install setup

[DSoftwareArtist]

installing this package using npm install @bitjson/qr-code and importing this way don't worked:

<script src="/node_modules/@bitjson/qr-code/dist/qr-code.js"></script>
<script src="/node_modules/@bitjson/qr-code/dist/qr-code/qr-code.orxjfzvr.js" type="module" crossorigin="true" data-resources-url="/node_modules/@bitjson/qr-code/dist/qr-code/" data-namespace="qr-code"></script>

Or even importing this way:

<script src="/node_modules/@bitjson/qr-code/dist/qr-code.js"></script>

I personally don't want to use CDN because I want to load the script from local storage.

I have the feeling that the package installed during npm install is not updated. Please help me on this.

[Roba1993]

I'm facing the same problem. Is there any fix?

[chajnetajaroslaw]

Import it as:

import * as qr from "@bitjson/qr-code";

then run defineCustomElements with window as parameter, now you can use component. some parameters will be autocompleted incorrectly in IDE eg. position-ring-color as PositionRingColor, position-center-color as PositionCenterColor.

qr.defineCustomElements(window);

<qr-code contents="https://bitjson.com"></qr-code>

Stackblitz