Question

我想在Ember应用程序中使用jsPDF导出PDF文档，但我无法弄清楚如何在应用程序中使用该库。

到目前为止，我已经使用bower安装了该库：

bower.json

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

...并将其导入ember-cli-build.js文件中：

余烬-CLI-build.js

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

然而，当我尝试使用它时（在Ember动作中调用var doc = new jsPDF()），我明白了：

ReferenceError: jsPDF is not defined

我错过了什么？

Answer 1

在此处添加您的bower 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/

如何在我的Ember应用程序中访问jsPDF？

1 个答案: