react pdf前端显示 react-pdf-js踩坑

因为业务需求，大佬让我做一个poc 可以在前端展示pdf，试了很多插件，也试了大名鼎鼎的pdfjs，但是由于本身架构就使用react，所以最后选用了react-pdf-js。

在查询资料过程中发现官网的demo已经打不开了。这点比较坑，所以只能找一些其他大佬的文章了。

webpack

"react-pdf-js": "^4.0.1",

"webpack": "^2.7.0"

"react": "16.5.1",

1 报错 

1. message: "Invalid PDF structure"
2. name: "InvalidPDFException"

原因引入方式不正确。

之前的代码为

 file={'../../doc/test.pdf'}

应改为

const pdfurl = require('../../doc/test.pdf') 

......

render(){
        return (
            <div>
                 <PDF
                    file={pdfurl}
                    onDocumentComplete={this.onDocumentComplet