Import Angular module from npm package

Question

I want to use detect-mobile package (https://github.com/hgoebl/mobile-detect.js/tree/v1.4.4) in Angular application.

But it can't be imported usual way. I've tried each of following:

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

Mobile detect d.ts file has following structure:

What am I doing wrong and how should it be imported? Also I would be greatly appreciated for explanation how such package differs from others.

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

Will Taylor · Accepted Answer · 2019-10-01 08:12:20Z

1

The syntax used for the export - export = MobileDetect - means that the package was written use CommonJS style exports. See this ticket for further explanation.

Therefore the way to import this is:

import * as MobileDetect from 'mobile-detect'

Also, I believe if you are using the esModuleInterop TypeScript compiler flag, you can just write:

import MobileDetect from 'mobile-detect'

answered Oct 1, 2019 at 8:12

Will Taylor

1,76911 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Alex Vovchuk Over a year ago

but what the difference with jasmine-theories for example? It contains : declare var jsminTheories: jasmineTheories.jasmineTheoriesStatic; export default jsminTheories; and can be imported like: import theoretically from 'jasmine-theories'; Appreciate if you add some explanation to your answer.

Alex Vovchuk Over a year ago

Now I see that export default jsminTheories is ES6 module. But could you please add the explanation to the answer

Collectives™ on Stack Overflow

Import Angular module from npm package

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related