浏览器化后客户端节点模块不起作用

Question

我正在尝试在 node.js 下开发一个应用程序。我需要一个名为 autocomplete 的模块，所以我做了

npm install -S autocomplete

而且效果很好。 packages.json 已更新，一切都已更新。

但我需要客户端的自动完成功能。这个问题最流行的解决方案似乎是使用 browserify，所以我全局安装了它，它似乎可以工作。

现在根据我读过的所有内容，我应该能够：

cd node_modules
browserify autocomplete/index.js > bundle.js
mv bundle.js ../public/lib/js/

然后在views/index.html中我应该能够拥有

<script src="lib/js/bundle.js">

最后我应该可以说

var auto = new Autocomplete();

因为 Autocomplete 对象是在自动完成模块中定义的，这就是说明如何实例化它的方式。

但不幸的是，我的浏览器显示Autocomplete is not defined，所以它显然没有收到消息。

上面有什么问题？

Answer 1

运行 Browserify 时，将其创建为 standalone 模块：

browserify autocomplete/index.js --standalone Autocomplete > autocomplete.js

为了简单起见，我只是在这里更改名称 - 随便你怎么称呼它。

然后，当您在浏览器中运行它时，new Autocomplete() 应该可用。

编辑 虽然这是可行的，但该模块的文档丢失了，而且您正在阅读文档的模块似乎也丢失了。

当您可以使用像 typeahead 这样已经为浏览器构建的东西时，就没有必要再去麻烦了。

Answer 2

事实证明，因为自动完成没有导出到全局范围。 在您使用自动完成功能的文件中尝试此操作，例如在 app.js 中：

var Autocomplete = require('autocomplete');
var auto = new Autocomplete();

然后

browserify app.js > bundle.js
mv bundle.js ../public/lib/js/