PDFJS is not defined

回答済み

フォローする

新規投稿

a1626

• 2017年12月01日 00:38

I'm trying to use box-preview element for a PDF file but my UI is showing an error message saying PDFJS is not defined.

 

I'm using box's CDN to get the js and css file. I've tried both 1.20.1 and 1.19.1 version.

 

Here's the code i'm using to load the view

 

            var preview = new Box.Preview();
      	preview.show('', '', {
            container: '.preview-container',
            showDownload: true
        });

Box's server is sending proper response, but UI rendering is failing.

 

0

• 

  tonyjin

  • 2017年12月04日 10:34

  Hello a1626!

   

  Can you please share some more about your project? What are you using to load Preview's CSS and JS? Are you using any frontend frameworks?
  
  Also, does this example work with your token and file ID? https://codepen.io/box-platform/pen/rmZdjm (please comment out the collection option).

   

  Thanks,

  Tony

  0

  コメントアクション パーマリンク
• 

  a1626

  • 2017年12月04日 22:16

  Hi Tonyjin

   

  My project is an angularjs project.

  I've updated the pen with my access token and file id. https://codepen.io/a1626/pen/rYRgoV

  It seems to be working fine in the pen.

   

  Update

  It works if i load all the files from cdn directly ie also import

  Click to expand

  box-preview.js
  pdf.min.js
  pdf_viewer.min.js
  pdf_viewer.min.css
  pdf.worker.min.js
  exif.min.js

  Not sure if leaving one or two imports will do the trick or not.

   

  Only including pdf.min.js throws new error cannot read property 'prototype' of undefined.

   

  0

  コメントアクション パーマリンク
• 

  tonyjin

  • 2017年12月06日 10:30

  Thanks for the report. Are you using RequireJS? We've seen similar issues in the past, there seems to be some sort of issue with how we load some of our dependencies and how it interacts with other JS loaders.

  0

  コメントアクション パーマリンク
• 

  a1626

  • 2017年12月06日 22:03

  Yes, we are using requirejs. So, is there any other way to fix this issue other than importing more than required files. Anyways, we would prefer not to load it via CDN.

   

  0

  コメントアクション パーマリンク
• 

  tonyjin

  • 2017年12月07日 11:23

  I'd suggest continuing to use your workaround for now, but I definitely agree this isn't optimal. We'll take a closer look and fix this.

  0

  コメントアクション パーマリンク
• 

  schalkkruger

  • 2018年01月12日 09:11

  Hi tonijin,

   

  Is there any progress or update regarding this fix, we have a similar issue using requirejs in v1.25. This could be a critical deal breaker for us.

   

  Thanks.

  0

  コメントアクション パーマリンク
• 

  jpress

  • 2018年01月12日 09:23

  Hi , Our fix has been merged, and is scheduled for the next release. https://github.com/box/box-content-preview/pull/561

  0

  コメントアクション パーマリンク
• 

  schalkkruger

  • 2018年01月12日 09:24

  That is absolute wonderful news, thanks 

  0

  コメントアクション パーマリンク
• 

  logicbomber

  • 2019年07月24日 16:56

  This error still occurs.. for us it was when the preview was loading and a user was scrolling over the container.

   

  I'm guessing there is a scroll event listener (or other mouse event listener) that's firing something before PDFJS is ready.  

   

  We are using the libraries from the CDN since we are using Angular for our framework.

  (would be wonderful if there was an Angular library in the works!)

  We're rendering many instances of the previewer in a list view.

  The error is usually triggered when the user scrolls through the list prior to the previewer fully loading.

   

  I worked around it by checking for an error and retrying the load. 

  Here's the code in case anyone else can find it useful.

   

   

  

   

  

  0

  コメントアクション パーマリンク

サインインしてコメントを残してください。