Requirejs 没有加载 jquery 插件

Question

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

我目前可以从命令行运行一整套测试（即 mocha/chai），没有任何问题。我在弄清楚如何使用 require.js 加载依赖项时遇到问题，因此我可以扩展测试运行ner 以使用 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风格

我得到的错误是：

Uncaught Error: Module name "../src/jquery.csv.js" has not been loaded yet for context: _. Use require([])

AFAIK，垫片应该通过先加载 jQuery 并将插件附加到它来解决这个问题。

我是 RequireJS 的新手，是否有明显的遗漏？

Answer 1

尝试将您的 "jquery-csv" 添加为依赖项：

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

Requirejs 没有加载 jquery 插件

Requirejs not loading a jquery plugin

javascript

jquery-plugins

requirejs

shim

mocha-phantomjs