typescript - Angular CLI ile dış kütüphane kullanma

Angular uygulamamla bir 3. taraf modül jsPDF yükledim. Modül mükemmel çalışıyor ama konsolumda bir hata alıyorum:

Modül bulunamıyor: '../../../node_modules/jspdf/dist/jspdf.min.js'.

Ne yaptım:

  1. Modülü npm ile kurun:
npm install MrRio/jsPDF --save
  1. Modülü bileşenime aktar:
import * as jsPDF from '../../../node_modules/jspdf/dist/jspdf.min.js';
  1. Sonra bu modülle bileşenimde basitçe çalışıyor.

Burada bir şey mi eksik?

Cevap #1

Talimatlara buradan göz atın: github.com/angular/angular-cli#3rd-party-library-installation.

Eğer jsPDF (veya başka bir kütüphane) global kapsamda bulunması gerekiyorsa, JS dosyasını angular-cli.json dosyanızdaki apps[0].scripts bölümüne eklemeniz gerekir, WebPack bunu bir <script> etiketiyle yüklenmiş gibi paketler. Bunu yaparsanız, src/typings.d.ts veya bir bileşeninizde declare var jsPDF: any; ekleyerek jsPDF’e erişebilirsiniz.

Ancak, jsPDF için typings görünüyor npmjs.com/package/@types/jspdf, bu yüzden npm install --save-dev @types/jspdf komutunu çalıştırdıktan sonra bunu dahil edebilirsiniz; bileşeninizde import { jsPDF } from 'jspdf'; yapabilmelisiniz.

İlgili makaleler