html2canvas: TypeError: html2canvas.default is not a function

Make sure to import the script under the scripts list in angular-cli.json “scripts”: [ “…/node_modules/html2canvas/dist/html2canvas.min.js” ]

And in the class as:

import * as html2canvas from “html2canvas”

For me the problem was I’m using TypeScript and the node_modules\html2canvas\dist\types\index.d.ts file is incorrect. It says that they are exporting html2canvas as the default export export default html2canvas;. This is untrue.

I had to use any to get around this as follows:

import * as html2canvasWrong from "html2canvas"
var html2canvas = html2canvasWrong as any as (element: HTMLElement, options?: Partial<html2canvasWrong.Options>) => Promise<HTMLCanvasElement>

Facing this error for html2canvas version : 1.0.0-rc.3

using with react 15, typescript, along with SPFX framework. #1440

@niklasvh , kindly please check why this is happening?

I was able to resolve the ‘not a function’ error that is throw when trying to call html2canvas(element, options). I have similar setup to @JEEVANJGA, using react 15, typescript, and SPFX. After downloading the @types for the module the index.d.ts file looks like this originally:

import { CloneOptions } from './dom/document-cloner'; import { ResourceOptions } from './core/cache-storage'; import { RenderOptions } from './render/canvas/canvas-renderer'; export declare type Options = CloneOptions & RenderOptions & ResourceOptions & { backgroundColor: string; foreignObjectRendering: boolean; logging: boolean; removeContainer?: boolean; }; declare const html2canvas: (element: HTMLElement, options?: Partial<Options>) => ``Promise<HTMLCanvasElement>; export default html2canvas;

If you change the last line to: export = html2canvas;

and import the module like this: import * as html2canvas from 'html2canvas';

it no longer throws an error.

Hope this helps someone.

Got the same issue, @dharnen solution helped.

import * as html2canvas from 'html2canvas';
(html2canvas as any)(...).then().catch()

It did the trick for me.

Happens for me too!

I am on angular/cli: 1.7.2