$injector:modulerr 由于 $injecto <省略>，无法实例化模块 cloudinary答案

【问题标题】：$injector:modulerr Failed to instantiate module cloudinary due to $injecto <omitted>$injector:modulerr 由于 $injecto <省略>，无法实例化模块 cloudinary
【发布时间】：2014-05-20 09:21:40
【问题描述】：

我正在构建一个 MEAN 应用程序。我从这个模板开始：https://github.com/linnovate/mean

我想添加一个模块（称为 cloudinary），所以我遵循了这个：http://cloudinary.com/documentation/node_integration#getting_started_guide （即：在我的 server.js 中安装了 npm 并添加了配置）

我还在 bower.json 中添加了这个：

"dependencies": {
    "cloudinary": "latest",

顺便说一句，这有必要吗？我这样做是为了访问我的 public/lib 存储库中的 cloudinary js 文件。这是一个好习惯吗？我不确定，但无论如何它确实创建了一个 public/lib/cloudinary 代表。

然后我在我的 app.js 中添加了这个：

angular.module('mean.mycars', ['cloudinary']);

我将其用于直接上传 html：http://cloudinary.com/documentation/node_image_upload#direct_uploading_from_the_browser

所以我将它添加到我的 assets.json 文件中（将它添加到页脚中的所有页面：

        "public/lib/cloudinary/js/jquery.min.js",
        "public/lib/cloudinary/js/jquery.ui.widget.js",
        "public/lib/cloudinary/js/jquery.iframe-transport.js",
        "public/lib/cloudinary/js/jquery.fileupload.js",
        "public/lib/cloudinary/js/jquery.cloudinary.js",

当我转到我的应用程序时，我收到了这个 js 错误：

Uncaught Error: [$injector:modulerr] Failed to instantiate module mean due to:
Error: [$injector:modulerr] Failed to instantiate module mean.mycars due to:
Error: [$injector:modulerr] Failed to instantiate module cloudinary due to:
Error: [$injecto...<omitted>...1) angular.js:78
(anonymous function) angular.js:78
(anonymous function) angular.js:3745
forEach angular.js:323
loadModules angular.js:3711
createInjector angular.js:3651
doBootstrap angular.js:1379
bootstrap angular.js:1394
(anonymous function) init.js:8
trigger angular.js:2445
(anonymous function) angular.js:2716
forEach angular.js:330
eventHandler

我可能忘记在某处声明一些东西，但不知道在哪里看...

【问题讨论】：

标签： javascript node.js angularjs bower cloudinary

【解决方案1】：

如果找到解决方案。我在这里将“cloudinary”声明为角度模块的问题是：

angular.module('mean.mycars', ['cloudinary']);

但它似乎不是一个角度模块。所以我把这个：

angular.module('mean.mycars', ['']);

错误消失了。

现在我不确定如何在我的应用程序中使用 cloudinary 来通过浏览器上传图片。看起来有点复杂。

【讨论】：

【解决方案2】：

我知道此回复已从您的原始问题中删除了几个月，但如果您已经找到了解决方案，它也许可以帮助其他人。

我目前正在努力让 Cloudinary 也能在我的 Angular.js 应用程序中工作。据我所知，您将需要将“cloudinary”作为模块注入到您的应用程序中才能使其正常工作。

您需要包含两个 Cloudinary 库，并且加载顺序很重要。看起来您已经包含了“jquery.cloudinary.js”；您还需要包含“angular.cloudinary.js”（found here）。确保“jquery.cloudinary.js”在before“angular.js”之前被调用，“angular.cloudinary.js”在之后“angular.js”被调用. cloudinary_angular 项目有一个helpful example on Github。

【讨论】：