0

我正在尝试使用其中一个插件texttext tags加载textext.js jquery 插件。在我的项目中，我使用 require.js 来加载所有脚本及其依赖项。

与其他脚本一样，我在我的main.js文件中使用了 shim 配置：

main.js

require.config({
  shin: {
    jquery: {
      exports: '$'
    },
    'textext': {
      deps: ['jquery'],
      exports: '$.fn.textext'
    },
    'textext_tags': {
      deps: ['jquery', 'textext'],
    }
  },
  paths: {
    jquery: 'lib/jquery-min',
    textext: 'lib/textext/textext.core',
    textext_tags: 'lib/textext/textext.plugin.tags',
    }
  });

在我使用它的页面上，我将其称为如上：

文件-app.js

define([
  'jquery',
  'textext',
  'textext_tags',
  ], function($, Textext, TextextTags) {
    // do stuff
  });

代码在 firefox 上加载并正常工作，但在 Chromium 上，有时（大约 2/3 的时间），在我第一次加载页面时，我收到以下错误，这破坏了页面的功能：

TypeError: Cannot set property 'TextExtTags' of undefined
   #3 localhost/js/lib/textext/textext.plugin.tags.js:23:27

在文件textext.plugins.tags.js中，我们在第 23 行（失败行）：

$.fn.textext.TextExtTags = TextExtTags;

所以，用 Firebug 检查它，我意识到 Jquery 没有加载，所以$是$.fn未定义的。

我的问题是：为什么 require.js 的这个模式与同一个项目中的其他 jQuery 插件（如 jquery cookie 和其他）一起使用，但不是这个，一个带有它的子插件的 jquery 插件？

4

1 回答 1

0

正如 Vishwanath 所说，只有从“shin”变为“shim”才有效，如下所示：

require.config({
  shim: {
    jquery: {
      exports: '$'
    },
  ...

谢谢！

于 2015-03-14T00:05:45.280 回答