Cannot read property 'TYPED_ARRAY_SUPPORT' of undefined (pdfmake v0.1.32)

[davidbeers]

I've seen that #624 which first reports this issue is closed with note that a fix was released in Dec '16. However I see this error running in an Angular 2 application and webpack with pdfmake 0.1.32.

let pdfMake = require('pdfmake/build/pdfmake.js');
require('pdfmake/build/vfs_fonts.js');

@Component({
...
})
export class PdfReportComponent implements OnInit {
    ngOnInit() {
        let docDefinition = { content: 'PDF is in the house!' };
        pdfMake.createPdf(docDefinition).open();
    }
}

Stacktrace:

pdfmake.js:48 Uncaught TypeError: Cannot read property 'TYPED_ARRAY_SUPPORT' of undefined
    at Object.eval (webpack:///./~/pdfmake/build/pdfmake.js?:48:38)
    at Object.exports.byteLength (webpack:///./~/pdfmake/build/pdfmake.js?:169:32)
    at __webpack_require__ (webpack:///./~/pdfmake/build/pdfmake.js?:10:27)
    at Object.eval (webpack:///./~/pdfmake/build/pdfmake.js?:20:2086)
    at __webpack_require__ (webpack:///./~/pdfmake/build/pdfmake.js?:10:27)
    at Object.eval (webpack:///./~/pdfmake/build/pdfmake.js?:16:267)
    at Object.eval (webpack:///./~/pdfmake/build/pdfmake.js?:16:320)
    at __webpack_require__ (webpack:///./~/pdfmake/build/pdfmake.js?:10:27)
    ...

What am I missing, please?

[jovabe]

Having the same issue.

[ldevalbray]

Same issue here:s

[ldevalbray]

@liborm85 It would be really cool to fix it ! :D Thank you for your awesome work anyway

[liborm85]

In issue #624 it was fixed by update webpack.

According to comment above is now error on other line (line 48), but on this line is this code:

__webpack_require__.p = "";

This has nothing to do with array. I do not know how to fix this error now.

[ldevalbray]

My logs say the error is there. And I do have the latest version of webpack :s

[ldevalbray]

Okay, I managed to solve it.
So, for anyone using webpack :

Import pdfMake like so :
import pdfMake from "pdfmake/build/pdfmake";
import pdfFonts from "pdfmake/build/vfs_fonts";
pdfMake.vfs = pdfFonts.pdfMake.vfs;

plus adding the config in webpack
exclude: [ /node_modules/, /pdfmake.js$/ ]

Good luck !

[liborm85]

Solution added to readme by commit 4ad3c8d.

[mkaisercross]

I tried this but I am still getting the same error. Here is my config file.

var path = require('path');

module.exports = {
  plugins: [
    // your custom plugins                                                                                                       
  ],
  module: {
    rules: [
        {
            test: /\.js?$/,
            loader: 'babel-loader',
            exclude: [/node_modules/, /pdfmake.js$/ ]
        },
        {
            test: /\.scss$/,
            loaders: ["style-loader", "css-loader", "sass-loader"]
            //exclude: path.resolve(__dirname, 'src/app')                                                                        
        },
        {
            test: /\.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/,
            loader: 'file-loader?name=fonts/[name].[ext]'
        }

    ]
  },
  resolve: {
        modules: [
            "browserify_components",
            "bower_components",
            "node_modules"
        ],
      extensions: ['.js','.jsx','.json'],
  },
}

[barocsi]

same here, still there using angular-cli 1.5, webpack 3.8.1