angular – 如何在离子2中使用pdfmake？

发布时间：2020-12-17 18:10:04 所属栏目：安全来源：网络整理

导读：我正在尝试使用pdfmake在ionic2中创建pdf. 我将库添加到我的应用程序： $npm install pdfmake --save 将其导入课堂 import { Component } from '@angular/core';import { NavController,NavParams,LoadingController,ToastController,AlertController } from

我正在尝试使用pdfmake在ionic2中创建pdf.

我将库添加到我的应用程序：

$npm install pdfmake --save

将其导入课堂

import { Component } from '@angular/core';
import { NavController,NavParams,LoadingController,ToastController,AlertController } from 'ionic-angular';

import * as pdfmake from 'pdfmake'

但是,当我尝试实例化并使用该方法时,设备中显示的错误：

var dd = {
    content: [
        'First paragraph','Another paragraph,this time a little bit longer to make sure,this line will be divided into at least two lines'
    ],pageSize: 'A4',pageMargins: [25,25,25],};

// download the PDF
var pdf = new pdfmake();
pdf.createPdf( dd ).download();

运行时错误：

fs.readFileSync is not a function

如何在离子2中使用pdfmake？可能吗

enter image description here

解决方法

所以…再次……经过很多天,我终于通过pdfmake社区的帮助获得pdfmake来处理我的项目.

我将编译后的版本克隆到www文件夹中

$cd  project/www/
$git clone https://github.com/bpampuch/pdfmake.git

然后我将脚本添加到索引中.

<body>

  <!-- Ionic's root component and where the app will load -->
  <ion-app></ion-app>

  <!-- The polyfills js is generated during the build process -->
  <script src="build/polyfills.js"></script>

  <!-- The bundle js is generated during the build process -->
  <script src="build/main.js"></script>
  <script src='pdfmake/build/pdfmake.min.js'></script>
  <script src='pdfmake/build/vfs_fonts.js'></script>
</body>
</html>

并将导入替换为…

import * as pdfmake from 'pdfmake/build/pdfmake';

Pdfmake community response

Github with project test

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!