javascript - 尝试将 cloudinary 与 requirejs 一起使用

标签 javascript requirejs amd cloudinary

我正在尝试使用下面的代码使用cloudinary库,但我不断收到“TypeError:无法读取未定义的属性'config'”。

ma​​in.js

require.config({
  shim: {
    "jquery": {},
  }
});
require(['jquery', 'jquery.ui.widget', 'jquery.iframe-transport', 'jquery.fileupload', 'jquery.cloudinary'], function($) {
  $(document).ready(function() {
    $.cloudinary.config({
      cloud_name: 'sample',
      api_key: '874837483274837'
    })
  });
});

index.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
</body>
<script data-main="js/main.js" type="text/javascript" src="js/require.js"></script>
</html>

最佳答案

Cloudinary 小部件 all.js 无法直接使用 require.js 加载(即使使用 shim )。我们只能捕获脚本加载的那一刻,并从 window 获取 widget 对象。

// Require.js doesn't load the Cloudinary script if it specified in a `required` call but does load if in a `define`
define('cloudinary', ['https://widget.cloudinary.com/global/all.js'], function () {
    return window.cloudinary;
});

require(['cloudinary'], function (cloudinary) {
    console.log(cloudinary);
});

关于javascript - 尝试将 cloudinary 与 requirejs 一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34364904/

相关文章:

javascript - 是否可以推迟某些 JavaScript 函数的执行,直到浏览器事件完全处理完毕为止?

javascript - 如何从 angularjs 中解析的数据获取 ui-router 状态参数

javascript - Require.js/Backbone.js : several views are using the same collection

javascript - 需要 : Problem including jquery easing pack after optimization

javascript - 是否可以以不同的名称加载 requirejs

google-chrome-extension - 如何在不使依赖代码成为模块的情况下导入 TypeScript AMD 模块

javascript - 调用 MVC Controller 操作以返回 Wordpress 网站的 View

javascript - 如何在 RequireJS 中模拟单元测试的依赖项?

javascript - 如何使用 dojo 按定义的顺序加载非 AMD 依赖项?

javascript - 从嵌入式 Web 获取ElementsByClassName