javascript - require returns empty object when using browserify - Stack Overflow

admin管理员组

文章数量:1429092

I have a very simple module that I am bundling with Browserify. I want to use that bundle both in the browser as well as in node. In node, it works just fine if I require the non-bundled module; however, if I require the browserified bundle, require returns an empty object. Here's a reproduction:

Simple module

function Foo(bar) {
    this.bar = bar;
}

module.exports = Foo;

Test script

var Foo = require("./foo"); // not bundled with Browserify
var Foob = require("./foob"); // bundled with Browserify

console.log("Foo =", Foo);
console.log("Foob =", Foob);

Executed thusly

browserify foo.js -o foob.js
node foo-test.js 

Output

Foo = function Foo(bar) {
    this.bar = bar;
}
Foob = {}

You can see that Foo (the non-bundled version) is the expected function but Foob (the bundled version) is a sad and empty object.

So the question is why isn't the browserified module working in node?

Clarification: I'm using browserify to bundle my webapp and I use its paths options to simplify paths in my app's require statements and avoid relative path hell. However, I'm trying to use tap to do unit testing, but it doesn't seem to have a similar configuration feature. Because of this, trying to require non-bundled files when using tap causes everything to break.

I have a very simple module that I am bundling with Browserify. I want to use that bundle both in the browser as well as in node. In node, it works just fine if I require the non-bundled module; however, if I require the browserified bundle, require returns an empty object. Here's a reproduction:

Simple module

function Foo(bar) {
    this.bar = bar;
}

module.exports = Foo;

Test script

var Foo = require("./foo"); // not bundled with Browserify
var Foob = require("./foob"); // bundled with Browserify

console.log("Foo =", Foo);
console.log("Foob =", Foob);

Executed thusly

browserify foo.js -o foob.js
node foo-test.js 

Output

Foo = function Foo(bar) {
    this.bar = bar;
}
Foob = {}

You can see that Foo (the non-bundled version) is the expected function but Foob (the bundled version) is a sad and empty object.

So the question is why isn't the browserified module working in node?

Clarification: I'm using browserify to bundle my webapp and I use its paths options to simplify paths in my app's require statements and avoid relative path hell. However, I'm trying to use tap to do unit testing, but it doesn't seem to have a similar configuration feature. Because of this, trying to require non-bundled files when using tap causes everything to break.

• javascript
• node.js
• browserify

Share Improve this question Follow edited Nov 25, 2014 at 21:03 Justin Johnson asked Nov 25, 2014 at 10:44 Justin JohnsonJustin Johnson 31.3k77 gold badges6666 silver badges8989 bronze badges 9

• 1 You don't require a Browserify-ied bundle file – benhowdle89 Commented Nov 25, 2014 at 10:54
• foob.js is bundled with browserify. – Justin Johnson Commented Nov 25, 2014 at 11:00
• Yes, I can see that, but you're not supposed to use require with an already bundled module. – benhowdle89 Commented Nov 25, 2014 at 11:05
• Is it impossible then to use bundles built with browserify in node? – Justin Johnson Commented Nov 25, 2014 at 11:18
• 1 That's not the intended use of Browserify. Browserify was built to emulate Node's require but for browser environments. So to use Browserify within Node would be pletely ass-backwards. – benhowdle89 Commented Nov 25, 2014 at 11:29

 |  Show 4 more ments

2 Answers 2

Sorted by: Reset to default 9

I found a way around this. The solution is to use browserify's --standalone option when bundling. This will add the necessary module.exports statement in the bundled output.

You want to nest browserify bundles. In this case, ensure that your nested bundles actually have module.exports defined.

For instance in the main file of your foob.js bundle, be sure to return a function you can use externally (using module.exports)

本文标签： javascriptrequire returns empty object when using browserifyStack Overflow