Protobufjs

[ZiyunHe]

Did anyone try protobufjs with snowpack? It doesn't work on my end.
It's saying a variable is undefined. I checked with web_modules source code. It shows that snowpack compiled the variable to a different name "xxx_1", so it's undefined.
Does anyone have idea of what I can do? Thanks

[choyongjoon]

I found the reason.
In protobuf.js source, there are 'util' directory and 'util.js' file. Module resolution of snowpack fails due to the same name.

One way to avoid this is using dist file.

In the output file of pbjs, change this line

var $protobuf = require('protobufjs/light')

to this

var $protobuf = require('protobufjs/dist/light/protobuf.js')

Then it will work with the snowpack warning like this

[snowpack] .../node_modules/protobufjs/dist/light/protobuf.js:880:18 Use of eval is strongly discouraged, as it poses security risks and may cause issues with modification

[FredKSchott]

It would be great if protobufjs could fix this, or if someone could create a PR to their repo. happy to help where I can.

You can also import deep files within a package directly, if you wanted to import protobufjs/dist/light/protobuf.js directly yourself (or, alias protobufjs to protobufjs/dist/light/protobuf.js).

[hpx7]

What's the right way to do this alias?

I tried doing

alias: { protobufjs: "./node_modules/protobufjs/dist/protobuf.js" }

But that led to getting

Uncaught SyntaxError: The requested module './node_modules/protobufjs/dist/protobuf.js' does not provide an export named 'default'

This is what the import looks like:

import pb from "protobufjs";

[dmaretskyi]

I have the same issue, @hpx7 have you managed to find a solution?

[CraigglesO]

I use pbf with no issues. You have to parse the PBF yourself, but it's quite simple and the package is very light.