Как сделать jsPDF доступным в моем приложении Ember?

Question

Я хотел бы экспортировать документы PDF с помощью jsPDF в приложение Ember, но я не могу понять, как сделать библиотеку доступной в приложении.

До сих пор я установил библиотеку с помощью беседку:

bower.json

{ 
    "name": "myApp", 
    "dependencies": { 
    ... 
    "jspdf": "~1.2.61" 
    } 
} 

... и импортировать его в ember-cli-build.js файле:

ember- cli-build.js

... 
app.import(app.bowerDirectory + '/jspdf/dist/jspdf.min.js'); 
... 

Однако, когда я пытаюсь использовать его (путем вызова var doc = new jsPDF() в действии Ember), я получаю это:

ReferenceError: jsPDF is not defined 

Что мне не хватает?

Answer 1

добавить свой становой compoent здесь:

module.exports = function(defaults) { 
.... 
    app.import(app.bowerDirectory + '/jspdf/dist/jspdf.min.js'); // Your file 
.... 
}; 

Попробуйте изменить код на:

actions:{ 
     createPDF: function() { 

     var doc = new jsPDF(); // This part is your mistake 
     doc.text(20, 20, 'Hello world.'); 
     doc.save('Test.pdf'); 

    } 
} 

называют свои действия для кнопки, как

<button type="button" {{action "createPDF"}}>Create PDF</button> 

, а затем Прекратите Ember затем снова запустите его

Ember serve 

это будет работать. когда вы добавляете что-то в ember-cli-build.js, вы должны остановить и снова запустить свою подачу.

Кроме того, для получения более подробной информации прочитайте этот документ: https://guides.emberjs.com/v2.7.0/addons-and-dependencies/managing-dependencies/