在 Angular 6 的虚拟文件系统中找不到文件“Roboto-Regular.ttf”（pdfMake）

Question

我得到了

错误错误：在虚拟文件系统中找不到文件“Roboto-Regular.ttf”

当尝试在 Angular 6 中使用 pdfMake 时。

我做到了

declare module 'pdfmake/build/pdfmake.js';
declare module 'pdfmake/build/vfs_fonts.js';`

在 types.d.ts 中，还有

"typeRoots": [
  "node_modules/@types",
  "../src/typings.d.ts"
],

在 tsconfig.json 中。

在我使用 pdfmake 的组件中

import 'pdfmake/build/vfs_fonts.js';
import * as pdfMake from 'pdfmake/build/pdfmake.js';

看起来像 vfs_fonts.js 加载，因为我将 console.log 添加到此文件并且它可以工作。

我也尝试添加

<script src="./assets/fonts/vfs.js"></script>

但仍然遇到同样的错误。也许有人为此找到了解决方案？

UPD 1：导入 pdfmake.js 之前没有解决问题

import * as pdfMake from 'pdfmake/build/pdfmake.js';
import 'pdfmake/build/vfs_fonts.js';

解决方案：

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

和

pdfMake.vfs = pdfFonts.pdfMake.vfs;

解决了。

Answer 1

for ts file

import pdfMake from "pdfmake/build/pdfmake";
import pdfFonts from "pdfmake/build/vfs_fonts";

constructor(){
    pdfMake.vfs = pdfFonts.pdfMake.vfs;
}