pdf-viewer
pdf-viewer copied to clipboard
t.resolve is not a function
I am trying to test the component in an ionic v3 app by following these instructions to set things up.
However I have the following error when opening a page with the hive-pdf-viewer on it.
TypeError: t.resolve is not a function
at Object.setNativePromise (polyfills.js:3)
at L.configurable.L.set (polyfills.js:3)
at module.exports (hive-pdf-viewer.js:79796)
at $export (hive-pdf-viewer.js:79858)
at hive-pdf-viewer.js:80943 "http://localhost:8100/build/pdfviewer/hive-pdf-viewer.js"

The www directory looks like this with the pdfviewer files:

System info:
@ionic/cli-utils : 1.19.2
ionic (Ionic CLI) : 3.20.0
global packages:
cordova (Cordova CLI) : 8.0.0
local packages:
@ionic/app-scripts : 3.1.9
Cordova Platforms : none
Ionic Framework : ionic-angular 3.9.2
System:
Node : v8.11.3
npm : 6.3.0
OS : Windows 10
Since this package relies on copying the worker from PDF.js, you cannot use the regular implementation for web components. Please follow the README:
angular.json
{
"glob": "**/*",
"input": "node_modules/@teamhive/stencil-pdf-viewer/dist/pdfviewer",
"output": "./pdfviewer"
}
main.ts (or app.module.ts)
import '@teamhive/stencil-pdf-viewer/dist/pdfviewer';
I'm having the same issue.
my package.json info:

Ok I found the solution.
That is a pretty weird/magical one.
First, you need to remove node_modules and package-lock.json
Than you need to install any version of pdf.js-dist, but older than 2.1.
Like
npm i [email protected]
Even if in your package module you have apparently the good version.
Working with the same configuration of the above package.json