Question

我一直无法在requirejs中加载依赖项，因此尝试重新创建显示我的问题的最简单的结构。 html文件包含一个bootstrap typeahead box，我想在页面加载后填充数据。如果我的main.js脚本是：

requirejs.config({
  paths: {
    jquery: 'libs/jquery/jquery-min',
    bootstrap: 'libs/bootstrap/bootstrap.min',
    underscore: 'libs/underscore/underscore-min',
    backbone: 'libs/backbone/backbone-optamd3-min',
    cs: 'libs/require/cs',
    'coffee-script': 'libs/coffeescript/coffee-script'
  },
  shim: {
    bootstrap: {
      deps: ['jquery']
  }
});

require(['cs!router']);

我的骨干入口点是一个非常简单的路由器：

define ['jquery','underscore','backbone','bootstrap'], ($, _, Backbone) ->

  AppRouter = Backbone.Router.extend

    initialize: () ->
      @data = ['one','two','three']

    routes: '': 'index'

    index: () ->
      $('.typeahead').typeahead({source:@data})

  app_router = new AppRouter
  Backbone.history.start()

然后，如果页面从清理的webcache加载，我在控制台上收到以下错误：

TypeError：a不是函数

TypeError：$（“。typeahead”）。typeahead不是函数

错误：模块的加载超时：cs！router http://requirejs.org/docs/errors.html#timeout

如果我只是重新加载页面，所有错误都会消失，一切正常。如果有人能向我解释这里发生了什么，我真的很感激，谢谢。

Answer 1

好的，使用

修复

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

而不是

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

在主html文件中。

requirejs中的好奇依赖加载行为

1 个答案: