TypeError: Cannot read property 'Roboto-Regular.ttf' of undefined

Question

Trying to build a PDF using the JS API PdfMake :

<script type="text/javascript" src="/app/js/vfs_fonts.js"></script>
<script type="text/javascript" src="/app/js/pdfmake.min.js"></script>

Then according to this Helloworld , i run :

 var docDef={ content: 'This is an sample PDF printed with pdfMake' }
 pdfMake.createPdf(docDef).download('optionalName.pdf');

i've got this error :

Uncaught TypeError: Cannot read property 'Roboto-Regular.ttf' of undefined

Does Roboto-Regular.ttf File is required ?

And Where to put it ,if so ?

Were you able to solve this issue? – Stephen Nielsen May 13 '15 at 16:47 — Stephen Nielsen, May 13 '15 at 16:47

score 16 · Accepted Answer · answered May 26 '15 at 11:42

16

I solved the problem importing pdfmake before vfs_fonts.

<script type="text/javascript" src="/app/js/pdfmake.min.js"></script>
<script type="text/javascript" src="/app/js/vfs_fonts.js"></script>

answered May 26 '15 at 11:42

bamse

4,243
18
25

1

@bamse that means the **pdfmake** doesn't work without include `vfs_fonts.js` ? – Mo. Feb 09 '16 at 10:02
1

@MuhammedAthimannil it does not work without it. The default configuration requires pdfmake.min.js and vfs_fonts.js – bamse Feb 09 '16 at 14:42

score 1 · Answer 2 · answered Dec 04 '15 at 05:49

I was getting this error with RequireJS. If you are using RequireJS you can solve it by specifying dependency in shim as follow:

require.config({
  baseUrl: 'public/bower_components',
  waitSeconds: 200,
  paths: {
    'jquery' : 'jquery/dist/jquery.min',
    'bootstrap' : 'bootstrap/dist/js/bootstrap.min',
    'pdfmake': '../js/pdfmake',
    'vfs_fonts':'../js/vfs_fonts' },
  shim: {
      bootstrap:{
          deps: ['jquery']
      },
      'vfs_fonts':{
         deps: ['pdfmake'] 
      }
    }
});

score 0 · Answer 3 · answered Jul 04 '17 at 14:47

0

I had the same issue, but including the files using script tags, by the correct order, or with the require JS fix didn't work.

What worked for me was replacing vfs_fonts.js for its latest version from the pdfmake GitHub repository.

answered Jul 04 '17 at 14:47

Ade MR

51
2
3

score 0 · Answer 4 · answered Oct 09 '19 at 17:37

0

I am working in Asp .Net MVC & had the same issue. I was including files in BundleConfig.cs. Then I moved files out from that file and placed those file directly in the view and it worked for me.

answered Oct 09 '19 at 17:37

Baqer Naqvi

6,011
3
50
68

TypeError: Cannot read property 'Roboto-Regular.ttf' of undefined

Does Roboto-Regular.ttf File is required ?

And Where to put it ,if so ?

4 Answers4