Browserify无法使用功能吗？

Question

嗨，我在使用browserify时遇到了问题，我做了browserify main.js > bundle.js所有工作，直到遇到功能为止。现在我得到：

Uncaught TypeError: search is not a function
at HTMLButtonElement.onclick (index.html:30)

这是我的main.js上的内容：

function search() {
[..] trigger stuff
}

在我的html文件中，我有：

<input type="text" id="search" placeholder="Search">
<button class="ui button" onclick="search()">

其他只是设计和标题。

Answer 1

如果要导出要从捆绑软件外部调用的函数（例如在onclick处理程序中），则最简单的操作是这样的：

function search() {
  ...
}
window.search = search;

optionwindow是基于简单解决方案的替代方法。在中，您将执行以下操作：--standalonemain.js

function search() {
  ...
}
exports.search = search;

然后，您将使用以下命令构建捆绑包：

browserify main.js --standalone MyApp > bundle.js

您的onclick处理程序将是：

<input type="text" id="search" placeholder="Search">
<button class="ui button" onclick="MyApp.search()">