Comment utiliser un module de noeud dans Angular qui n'est pas créé pour Angular?

Question

module Exemple: https://www.npmjs.com/package/qrcode

Il est facile pour moi de l'utiliser en pur javascript:

var QRCode = require('qrcode') 

QRCode.toDataURL('I am a pony!', function (err, url) { 
    console.log(url) 
}) 

Mais je ne peux pas utiliser « besoin » dans angulaire, non? Anguar a ceci:

import { X } from Y 

Comment puis-je utiliser le lecteur de qrcode angulaire? Que seraient le X et le Y dans cet exemple?

Answer 1

Honnêtement, cela dépend de l'emballage. Mais pour la plupart, quelque chose comme ça va fonctionner.

import * as QRCode from 'qrcode' 
// Or 
import QRCode from 'qrcode' 

Alternativement, si vous avez emballé la bibliothèque à l'aide angulaire CLI vous pouvez forcer tapuscrit d'ignorer l'utilisation des paquets dont il n'a pas typages par faire:

delcare var QRCode: any; 

Answer 2

Vous pouvez installer package d'installation, ainsi que les types de fonctionnalités dans un environnement dactylographiée angulaire tels que:

npm install --save qrcode && npm install --save-dev @types/qrcode

Ensuite, dans votre Compo nent vous pouvez maintenant import * as QRCode from 'qrcode' et l'utiliser dans votre environnement dactylographié.