WebPack/TypeScript: jspdf_1.default is not a constructor

[matb]

I am using jsPdf in the version that is currently published via NPM in an Angular2 app written in Typescript.

We have the following code:

import jsPDF from 'jspdf'; // this imports jspdf.debug.js
var doc = new jsPDF(); // this throws an exception
doc.text('Hello world!', 10, 10)
doc.save('a4.pdf')

When executing this we are getting the following exception: jspdf_1.default is not a constructor. I can work around the issue by patching the jsPdf.debug file as described here: #582 and additionally adding this line:
jsPDF.default = jsPDF;

In addition I tried the latest files in the dist folder of the master branch. With those files, I need to add this line at the end of jspdf.debug.js:

 })(typeof self !== "undefined" && self || typeof window !== "undefined" && window || undefined);
  jsPDF.default = jsPDF; // new
  return jsPDF;

Is there any workaround without changing the files in the node_modules folder?

[matb]

I added the fixes that solved the issue for me here: https://github.com/matb/jsPDF

But since I cannot run npm run build without errors, I can't submit a PR.

[MrRio]

What are the build errors?

On Thu, 24 Nov 2016 at 12:57 Matthias Baumann ***@***.***> wrote: I added the fixes that solved the issue for me here: https://github.com/matb/jsPDF But since I cannot run npm run build without errors, I can't submit a PR. — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#956 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAC5swU8jtmNorfrJIq-nlbynRBcw4OUks5rBYnIgaJpZM4K7k3O> .

-- James Hall Director Parallax Agency Ltd M. 07894950320

[matb]

{ Error: Error transforming C:\src\jsPDF\main.js with 'babel' plugin: It looks like your Babel configuration specifies a module transformer. Please disable it. If you're using the "es2015" preset, consider using "es2015-rollup" instead. See https://github.com/rollup/rollup-plugin-babel#configuring-babel for more information
    at preflightCheck (C:\src\jsPDF\node_modules\rollup-plugin-babel\dist\rollup-plugin-babel.cjs.js:43:102)
    at Object.transform$1 [as transform] (C:\src\jsPDF\node_modules\rollup-plugin-babel\dist\rollup-plugin-babel.cjs.js:104:18)
    at C:\src\jsPDF\node_modules\rollup\dist\rollup.js:8303:35
    at process._tickCallback (internal/process/next_tick.js:103:7)
    at Module.runMain (module.js:592:11)
    at run (bootstrap_node.js:394:7)
    at startup (bootstrap_node.js:149:9)
    at bootstrap_node.js:509:3
  rollupTransform: true,
  id: 'C:\\src\\jsPDF\\main.js',
  plugin: 'babel' }

I am running this on a Windows machine.

[kevin-madhu]

I have the same problem too.

[jdockter]

I have the same problem. Is there any fix?

[Uzlopak]

What problem do you have exactly? the babel or the default-thing?

[jdockter]

I'm getting the same error, 'jspdf_1.default is not a constructor', under the same conditions, using jsPdf version 1.3.5 currently published via NPM with Angular app written in Typescript. I have cleared my node_modules to make sure I'm pulling the latest but error is still there.

[Uzlopak]

Can you open jspdf.debug.js and replace

module.exports = jsPDF;
with
module.exports.jsPDF = jsPDF;

And then test it again if it works with the modified jspdf.debug.js

[jdockter]

Unfortunately that did not help, getting the same error, 'TypeError: jspdf_1.default is not a constructor'

[s00500]

import * as jsPDF from 'jspdf'; works for me

[jdockter]

Thanks @s00500 looks like that did the trick for our code.

[Tonemnguyen]

Still having this issue when running npm run build.

[Tonemnguyen]

Gbuomprisco/ngx-chips#69 was the solution that fixed it for me!

[Uzlopak]

Is it possible to detect angularJS/webpack/typescript?