Importation du module Angular à partir du paquet npm

Question

Je veux utiliser detect-mobile paquet ( https://github.com/hgoebl/mobile-detect.js/tree/v1.4.4 ) en Angular application.

Mais ça ne peut pas être importé de façon habituelle. J'ai essayé chacune des méthodes suivantes :

import { MobileDetect } from 'mobile-detect';
import MobileDetect from 'mobile-detect';
import {}  from 'mobile-detect';

Détection mobile d.ts a la structure suivante :

Qu'est-ce que je fais de travers et comment l'importer ? J'apprécierais également beaucoup que vous m'expliquiez en quoi ce paquet diffère des autres.

Stackblitz : https://stackblitz.com/edit/angular-3qptjt

Answer 1

La syntaxe utilisée pour l'exportation - export = MobileDetect - signifie que le paquet a été écrit en utilisant des exportations de style CommonJS. Voir ce billet pour plus d'explications.

Par conséquent, la façon d'importer ceci est :

import * as MobileDetect from 'mobile-detect'

De plus, je crois que si vous utilisez le esModuleInterop le drapeau du compilateur TypeScript, vous pouvez simplement écrire :

import MobileDetect from 'mobile-detect'