在 Javascript 中使用 browserify 和模块导出时遇到问题答案

【问题标题】：Trouble using browserify and module export in Javascript在 Javascript 中使用 browserify 和模块导出时遇到问题
【发布时间】：2021-07-24 11:49:00
【问题描述】：

我第一次使用 browserify 时遇到了一些问题。我有一个使用 Google Map API 的 HTML 页面。加载地图后，我想调用“initMap”函数，如下所示：

  <script
        src="https://maps.googleapis.com/maps/api/js?key=MyApiKey&libraries=drawing&callback=initMap&libraries=drawing&v=weekly" async>
</script>

initMap 在 Map.js 文件中定义。到目前为止一切正常。但现在我想在我的 Map.js 文件中使用 wicket 模块。所以我使用 Browserify 在我的 js 文件中要求我的模块，因为我不熟悉 RequireJS 和其他模块加载器。我只知道 NodeJS 的语法。

所以我像这样使用 Browserify：browserify Map.js -o bundle.js

然后我将它添加到我的 HTML 中。

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

但是当我加载页面时，我得到一个错误：Uncaught (in promise) Object { message: "initMap is not a function"

我想我需要导出一些东西，但我不知道该怎么做，我是 javascript 新手。我还看到 Browerify 中有一个 -standalone 选项，但我不确定如何在这里使用它。

【问题讨论】：

标签： javascript html browserify

【解决方案1】：

确定捆绑模块的存储路径。

如果你只是想添加一个托管模块（脚本标签），你可以使用https://wzrd.in（便宜懒惰的方式）

【讨论】：

该包与我的 HTML 位于同一文件夹中。谢谢你的链接，但我真的不知道如何使用它