Requirejs 不加载 jquery 插件答案

【问题标题】：Requirejs not loading a jquery pluginRequirejs 不加载 jquery 插件
【发布时间】：2015-04-21 17:58:52
【问题描述】：

我正在努力改进 jquery-csv（jquery 插件）的测试。

我目前可以毫无问题地从命令行运行一整套测试（即 mocha/chai）。我在弄清楚如何使用 require.js 加载依赖项时遇到问题，因此我可以扩展测试运行器以使用 mochaphantomjs 测试。

用于加载 RequireJS 的 HTML：

<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <title>Mocha Tests</title>
  <link rel="stylesheet" href="../node_modules/mocha/mocha.css" />
</head>
<body>
  <div id="mocha"></div>
  <script data-main="scripts/app" src="scripts/require.js"></script>
</body>
</html>

RequireJS 模块：

require.config({
  baseUrl: '/',
  paths: {
    'jquery'        : '../../node_modules/jquery/dist/jquery',
    'jquery-csv'    : '../../src/jquery.csv',
    'mocha'         : '../../node_modules/mocha/mocha',
    'chai'          : '../../node_modules/chai/chai',
  },
  shim: {
    'mocha': { 
      exports: 'mocha'
    },
    'chai': {
      exports: 'chai'
    },
    'jquery-csv' : {
      deps: ['jquery'],
      exports: 'jQuery.fn.csv',
    }
  },
});

define(function(require) {
  require('jquery');
  require('jquery-csv');

  // chai setup
  var chai = require('chai');
  var expect = chai.expect();
  var should = chai.should();

  // mocha setup
  var mocha = require('mocha');
  mocha.setup('bdd');
  mocha.reporter('html');
  mocha.bail(false);

  require(['test.js'], function(require) {
    if (window.mochaPhantomJS) {
      mochaPhantomJS.run();
    }
    else {
      mocha.run();
    }
  });
});

注意：define 函数使用的是 CommmonJS 样式。

我得到的错误是：

未捕获的错误：尚未为上下文加载模块名称“../src/jquery.csv.js”：_。使用 require([])

AFAIK，shim 应该通过首先加载 jQuery 并将插件附加到它来解决此问题。

我对 RequireJS 很陌生，有什么明显的我遗漏的吗？

【问题讨论】：

标签： javascript jquery-plugins requirejs shim mocha-phantomjs

【解决方案1】：

尝试将您的“jquery-csv”作为依赖项添加到：

require(['test.js', 'jquery', 'jquery-csv'], function(require, $) {
    if (window.mochaPhantomJS) {
       mochaPhantomJS.run();
    }
    else {
      mocha.run();
    }
});

【讨论】：