javascript - 主干+要求+数据映射: "Datamap is not defined"

Question

我是 Backbone.js 的新手，我将其用于数据可视化，作为一个学校项目。经过几周的工作，我按照本教程实现了 require.js:http://backbonetutorials.com/organizing-backbone-using-modules/

然后我重新组织了我的代码，但现在我遇到了一个无法修复的错误...我使用数据 map ( http://datamaps.github.io/ )来创建世界地图。我在 require Define() 函数中传递了所需的脚本，但我可能做错了什么。

这是提供错误的代码部分:

define([
  'jquery',
  'underscore',
  'backbone',
  'd3',
  'c3',
  'topojson',
  'datamaps',
  'jqueryui',
  'text!templates/map.html'
], function($, _, Backbone, mapTemplate){

     var MapView = Backbone.View.extend({

       el: $('.container'),

       initialize: function(){
         var _this = this;

         var map = new Datamap({ ... })
...

浏览器响应“ Uncaught ReferenceError :数据映射未定义”。它之前可以工作，自从我使用 require 后，它就不再工作了，我可能错过了一个参数或其他东西。

我希望得到一些帮助；)

提前谢谢您!

Answer 1

使用 RequireJS，当您定义具有依赖项的模块时，依赖项将作为参数传递给您的模块定义函数。因此你需要匹配它们。例如，

define([
  'jquery',
  'underscore',
  'backbone',
  'd3',
  'c3',
  'topojson',
  'datamaps',
  'jqueryui',
  'text!templates/map.html'
],
function($, _, Backbone, D3, C3, Topojson, Datamaps, jQueryUI) {
   // and in here you can then use the modules ...
});