问题标签 [browserify-shim]

有很多类似的问题，包括堆栈溢出的答案，但没有一个对我有用，所以我在这里问你们。我感谢每个人的时间。

我最近开始使用 gulp 和 browserify，效果很好。然后我尝试将 browserify 用于前端，使用：Backbone 和 Bootstrap3。

一切似乎都在起作用，直到我尝试要求 Bootstrap 附带的 js 文件。我在我的 chrome 工具中收到一条错误消息：jQuery 未定义。

我曾尝试将其填充，但我对填充物感到非常困惑。我正在使用 jQuery 2.1.1，所以我不需要填充 jQuery，但它现在存在于 shim 中，因为我绝望并尝试了一切。这是我的 package.json 和 main.js 文件：

--------------package.json------

------------------------- main.js ----------

我正在使用 和 构建broweserify一个jquery项目jquery-ui。所有库都用npm. 这是我使用 mybrowserify-shim拉入的方式jquery' and 'jquery-ui：

一切都像它应该的那样工作，但我看了一下jquery-ui.js，第一行代码是

这行代码是如何解决的？当我debugger在此之后发表声明时，jquery总是解决。我什至在我的垫片中更改了名称，jquery但它仍然解决了。这是怎么回事？

我很难在 browserify 上下文中使用 gauss 统计库，该库可作为 npm 模块使用。

我在用着

以及以下简单的输入脚本：

当我browserify在浏览器中加载生成的包时，我收到一个TypeError: object is not a function错误，而在节点中，一切都按预期工作。

我想这个问题与图书馆如何尝试暴露自己有关，因为当我手动添加类似的东西时它会起作用

到主文件gauss。

我尝试了各种browserify-shim配置，所有这些都导致了不同的错误。

这是一个可以玩的示例项目。

谁能想出一个不涉及手动修补的解决方案？

编辑：更多信息

当我尝试调用时抛出异常new gauss.Vector()。gauss.Vector已定义，但不是函数。

如果我改变我app.js的只是

然后在节点中，我得到

正如预期的那样。但是，在浏览器中，这会被记录（注意Vector是Object）：

如上所述，我怀疑罪魁祸首是一些有条件地公开库的代码，但我真的不知道如何解决这个问题。

一个简单的 browserify-shim 配置，例如

导致Error: Cannot find module './lib/gauss'节点和浏览器（./lib/gauss在 中是必需的gauss/index.js）。

我正在尝试在我的 Browserify 项目中使用 Bloodhound 和 Typeahead。我正在使用 browserify-shim。

包.json

垫片.js

测试.js

它输出一个空对象 ({})。

我已经关注了这个相关问题中的所有内容，使用命令行中的 vanilla Browserify，但仍然没有骰子。

我能够通过添加使其工作

到 Bloodhound.js 文件，但这远非理想。browserify-shim 不应该添加导出吗？我在生成的 bundle.js 中没有看到 Bloodhound 的 module.exports。

我正在使用 browserify rails 和 reactify 并具有以下组件（粘贴在下面）。但是，当我调用它以从 javascript 文件进行渲染时，如下面的第二部分所示，我在 render 方法的返回行收到以下错误。你能帮忙，让我知道有什么问题吗？

未捕获的 SyntaxError：意外的标识符错误

零件：

从 JS 文件调用：

我想重构一个单页 Web 应用程序项目以使用 Browserify 作为其 JavaScript 加载模式。我研究了 Browserify，但仍有一些我不知道如何解决的问题。请允许我描述在我要重构的项目中使用的 JavaScript 加载模式。

第一个脚本元素内联到生成的 HTML。我们需要它来将后端配置传递给 JavaScript 引擎。例如：

然后我们开始以可混合的方式从 CDN 和本地项目加载 JavaScript 文件（请注意，我们再次使用后端变量来区分 JavaScript 文件的位置）：

有人可以给我一个关于如何转换这个项目的 JavaScript 加载模式以便用 Browserify 替换它的想法吗？

I'm having problems finding a canonical approach to building apps with cascading browserified dependencies. I've got a dependency chart that looks something like this:

Both libraries and the app are CommonJS Angular modules. I'd like to bundle each library separately so they can be used independently and/or in non-CJS apps. When I bundle the app, I want to include all upstream deps (angular, lib1, lib2, etc) in a single vendors.js and the application into a bundle.js. I've tried using browserify and browserify-shim to create the bundles, but I continually hit a wall where the re-browserified libraries in vendors.js cannot locate the modules loaded within.

This doesn't seem like an un-common use case, but I'm having a heck of a time finding any guidance; any advice would be golden. Here's a more concrete example:

Resources Library:

Widgets Library:

Sample Application:

我想在我的 Backbone.js 应用程序中使用响应式 pickadate.js日期选择器。

我正在使用 Browserify 来管理模块和依赖项，并且想知道如何集成 pickadate。

我从一个npm install pickadate将节点模块添加到我的项目中开始。

然后，在我的一个观点中，我试试这个：

错误在引发此错误的第二行：

我想我应该使用 browserify-shim 但是.... 怎么样？Pickadate 不导出任何内容。

更新

将 debowerify 与 grunt 一起使用（适用于其他模块）：

[错误] TypeError: 'undefined' is not a function (evalating 'this.$el.find('.form-group input[name=dateEntry]').pickadate()') (app.js, line 18803)

我的项目正在使用gulp-starter，它已经用 browserify 实现了相当多的布线，我现在正尝试将bromote添加到这个项目中。

我发现this reference to implement bromote with browserify browserify & factor-bundle dependency ids并试图让它工作。

这是我得出的要点： https ://gist.github.com/newtonianb/18f8bcd23ee9762324c6

它编译得很好，但我无法访问我的导出。据我了解，无论您在 bromote 中导出什么内容，您都可以在您的 javascript 源文件中像这样使用它

但是在我的javascript源文件中，当我尝试 require('bromote') 我得到

我正在尝试通过使用 browserify-shim 将某些模块从包中填充出来来重构使用 Browserify 的库。具体来说，该库使用 require("codemirror") 但我想提供一个不包含 CodeMirror 的包，而是使用通过 CDN 提供的包。

所以我的 package.json 中有 browserify-shim 配置，比如

到目前为止，一切都很好。require('jquery') 和 require('codemirror') 已从 browserified 包中消失，并被预期的代码片段替换，以从窗口对象中获取 jQuery 和 CodeMirror。

该库还需要一些 CodeMirror 附加组件。例如 require('codemirror/addon/hint/show-hint.js')。没关系。我想捆绑那个附加组件。然而，在这个附加组件中有一个包含 require("../../lib/codemirror") 的 UMD 包装器。Browserify 看到了这一点，并因此从 /node_modules/codemirror/lib/codemirror.js 捆绑了 CodeMirror（我认为）。我希望它改用 codemirror shim 中定义的 window.CodeMirror ，但无法弄清楚。尝试了许多变体，包括以下内容：

那 require("../../lib/codemirror") 不会消失！我确定我错过了一些东西。

我从 Gulp 脚本运行它，但我认为这不会有任何区别。Browserify 版本 3.38.1。Browserify-shim 版本 3.7.0。

有任何想法吗？