plugin not working when used in React components

[namibian15]

When using the bundled version like so:
import {} from 'leaflet.vectorgrid/dist/Leaflet.VectorGrid.bundled.js'
and one tries to use Protobuf, the console report 'Pbf undefined'

When 'import' all the files require by Leaflet.VectorGrid, this error goes away, but then it complains that L.Renderes.Tile is undefined

[data-ux]

I'm having the same problem, but I don't think the it's related to React specifically. It seems Leaflet.VectorGrid.bundled.js does not play well with JS bundlers (Webpack/Browserify). VectorGrid expects Pbf to be defined in the global scope, but if the bundle is referenced with 'import' and bundled with Webpack, the global Pbf object will not be available.

[namibian15]

This can be fixed by adding an entry in webpack.config in the webpack plugins

…

Sent from my iPad On Dec 8, 2016, at 9:50 AM, Jan Wolski <notifications@github.com<mailto:notifications@github.com>> wrote: I'm having the same problem, but I don't think the it's related to React specifically. It seems Leaflet.VectorGrid.bundled.js does not play well with JS bundlers (Webpack/Browserify). VectorGrid expects Pbf to be defined in the global scope, but if the bundle is referenced with 'import' and bundled with Webpack, the global Pbf object will not be available. - You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub<#37 (comment)>, or mute the thread<https://github.com/notifications/unsubscribe-auth/AOP59c5Qc3OLadQw0CbQ4gmbiDLbqXmFks5rGBkegaJpZM4LAdyI>.

________________________________ TERRALIGN CONFIDENTIAL: This email and its attachments contain confidential and proprietary information of The TerrAlign Group, Inc. Disclosure is strictly prohibited.

[puntonero]

I've a similar problem with my local package where I add inside onUse function:
api.addFiles([ '.npm/package/node_modules/leaflet.vectorgrid/dist/Leaflet.VectorGrid.bundled.js' ], 'client');
(so is not an "import" reference)
and in browser console i get the following:
Uncaught ReferenceError: Pbf is not defined

I'm not using webpack: I'm playing with meteorkitchen.com generator so I need to find alternative solutions

[stereobooster]

I found solution