Question

我正在为我的Jekyll网站实现here描述的搜索功能，但它需要六个独立的JavaScript文件才能工作，因此我想使用RequireJS将所有这些文件作为依赖项加载。事情不起作用，错误控制台消息会产生不同的结果。

Webkit说Uncaught ReferenceError: Mustache is not defined。发送消息jquery.lunr.search.js的文件，这是列为依赖项的最后一个JS文件。
Firefox和Opera为两个单独的文件返回各自版本的控制台错误：SecondLevelDomains.js和IPv6.js。
寻求IE浏览器。

RE：让Mustache和RequireJS一起工作，对此有很多答案，但在这种情况下，它们似乎都不适合我。我正在使用的网站的当前实现可以看作here。

代码的更直观的表示形式：

HTML中的RequireJS参考：

<script data-main="/js/config.js" src="/js/require.js" ></script>

网站结构

index.html
js
 |__require.js
 |__config.js
 |__search.js
 |__vendor
   |__date.format.js
   |__jquery.js
   |__jquery.lunr.search.js
   |__lunr.min.js
   |__mustache.js
   |__URI.min.js

config.js看起来像这样：

requirejs.config({
  baseUrl: "/js",

  deps: ["search"],

  paths: {
    jquery: "vendor/jquery",
    lunr: "vendor/lunr.min",
    mustache: "vendor/mustache",
    dateFormat: "vendor/date.format",
    uri: "vendor/URI.min",
    LunrSearch: "vendor/jquery.lunr.search"
  },

  shim: { 
    jquery: {
      exports: 'jquery'
    },
    lunr: {
      exports: 'lunr'
    },
    'mustache': {
      exports: 'Mustache'
    },
    dateFormat: {
      exports: 'dateFormat'
    },
    uri: {
      deps: ['jquery'],
      exports: 'uri'
    },
    LunrSearch: {
      deps: ['jquery', 'mustache'],
      exports: 'LunrSearch'
    }
  }
});

search.js（应该解决所有事情）看起来像这样：

define("search", ["jquery", "lunr", "mustache", "uri", "dateFormat", "LunrSearch"],
  function($, lunr, mustache, dateFormat, uri, LunrSearch) {

    $('#search-query').lunrSearch({
      indexUrl: '/search.json', // URL of the `search.json` index data for your site
      results:  '#search-results', // jQuery selector for the search results container
      entries:  '.entries', // jQuery selector for the element to contain the results list, must be a child of the results element above.
      template: '#search-results-template'  // jQuery selector for the Mustache.js template
  });

});

有什么想法吗？谢谢！

RequireJS没有加载Mustache窗口对象

0 个答案: