Using external library with angular cli

Question

I have installed one 3rd party module jsPDF with my angular app. The module works perfectly but I get an error in my console:

Cannot find module '../../../node_modules/jspdf/dist/jspdf.min.js'.

What I did:

Install the module via npm:

npm install MrRio/jsPDF --save

Import the module in my component:

import * as jsPDF from '../../../node_modules/jspdf/dist/jspdf.min.js';

Then simply works with this module in my component.

Is something missing here?

Have a look at the instructions here: github.com/angular/angular-cli#3rd-party-library-installation. If jsPDF needs to be in the global scope, you will need to add the JS file to apps[0].scripts in your angular-cli.json file, which WebPack then bundles as if it were loaded with a <script> tag. If you do the latter, you can get at it by adding declare var jsPDF: any; in your src/typings.d.ts or component. However, it looks like there are typings for jsPDF npmjs.com/package/@types/jspdf so you can include it; but you should be able to import { jsPDF} from 'jspdf'; — Harry
– Harry, Commented Nov 10, 2016 at 11:39
@Harry Thank you. You could post this as an answer so I can accept it. — Panagiotis Koursaris
– Panagiotis Koursaris, Commented Nov 10, 2016 at 12:40

Blundell · Accepted Answer · 2017-05-29 20:56:02Z

6

Have a look at the instructions here: github.com/angular/angular-cli#3rd-party-library-installatio‌n.

If jsPDF (or any other library) needs to be in the global scope, you will need to add the JS file to apps[0].scripts in your angular-cli.json file, which WebPack then bundles as if it were loaded with a <script> tag. If you do that, you can get at it by adding declare var jsPDF: any; in your src/typings.d.ts or component.

However, it looks like there are typings for jsPDF npmjs.com/package/@types/jspdf so you can include it after running npm install --save-dev @types/jspdf; you should be able to import { jsPDF } from 'jspdf'; in your component.

edited May 29, 2017 at 20:56

Blundell

76.8k33 gold badges222 silver badges242 bronze badges

answered Nov 10, 2016 at 12:45

Harry

3,4324 gold badges36 silver badges39 bronze badges

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

Collectives™ on Stack Overflow

Using external library with angular cli

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related