Question

我使用RequireJS来加载我的依赖项。

这是我的配置文件：

requirejs.config({
  baseUrl: "/js/dist",
  paths: {
    jquery: "../bower_components/jquery/dist/jquery.min",
    bootstrap: "../bower_components/bootstrap/dist/js/bootstrap.min",
    typeahead: "../bower_components/bootstrap3-typeahead/bootstrap3-typeahead.min",
    validator: "../bower_components/bootstrapvalidator/dist/js/bootstrapValidator.min",
    openlayers: "../vendor/openlayers/OpenLayers"
  },
  shim: {
    bootstrap: {
      deps: ["jquery"]
    },
    validator: {
      deps: ["bootstrap"]
    },
    openlayers: {
      exports: "OpenLayers"
    }
  }
});

我的主要应用程序文件的一部分：

define(["jquery", "bootstrap", "openlayers", "./popup", "typeahead"], function($, Bootstrap, OpenLayers, Popup) {
   (...)
   $("#textSearch").typeahead("destroy");
   (...)
});

使用Firebug进行检查，我可以看到所有依赖项都已加载。但是，在我的搜索文本框中调用typeahead()会输出以下消息："TypeError: $(...).typeahead is not a function"

我无法弄清楚这个错误，因为所有依赖项（typeahead都是如此）都会被加载。

你能帮帮我吗？提前致谢

Answer 1

您使用的是哪种版本的typeahead？

如果 0.11.1 ：

由于模块定义不正确，当前版本的typeahead（版本0.11.1）与requirejs不兼容，请参见此处：https://github.com/twitter/typeahead.js/issues/1211

来自RequireJS docs：

用于模块名称的路径不应包含扩展名，因为路径映射可能适用于目录。将模块名称映射到路径时，路径映射代码将自动添加.js扩展名。

在更新库之前的临时解决方法是更改库设置AMD兼容性的位置。

应省略文件扩展名，否则requireJS会将路径视为绝对路径。

变化：

define("typeahead.js", [ "jquery" ], function(a0) {

为：

define("typeahead", [ "jquery" ], function(a0) {

希望图书馆很快就会更新，与此同时，希望这会有所帮助。

Answer 2

如果您使用typeahead代替密钥bootstrap3-typeahead，该怎么办？见https://github.com/bassjobsen/Bootstrap-3-Typeahead/issues/106

TypeError：$（...）。typeahead不是RequireJS的函数

2 个答案: