7

我的 requirejs 优化器有点麻烦。运行优化器后，我在构建/编译文件中收到一些错误消息。在没有优化步骤的情况下运行我的 Web 应用程序时，我没有任何错误。

这是我的 client.js 文件（包含配置）（coffeescript）

requirejs.config
  baseUrl: '/source/'
  paths:
    text:                 'lib/text'
    io:                   'lib/socket.io'
    underscore:           'lib/underscore'
    backbone:             'lib/backbone'
    jquery:               'lib/jquery'
#    almond:               'lib/almond'
    bootstrap:            'lib/bootstrap'
    bootstrapFileUpload:  'lib/bootstrap-fileupload'
    jqueryUniform:        'lib/jquery.uniform'
    jqueryBrowser:        'lib/jquery.browser'
    datatables:           'lib/jquery.dataTables'
    datatables_bootstrap: 'lib/DT_bootstrap'
  shim:
    io:
      exports: 'io'
    jquery:
      exports: 'jQuery'
    jqueryBrowser:
      deps:    ['jquery']
    jqueryUniform:
      deps:    ['jqueryBrowser', 'jquery']
    underscore:
      exports: '_'
    backbone:
      deps:    ['underscore', 'jquery']
      exports: 'Backbone'
    datatables_bootstrap:
      deps:    ['jquery', 'datatables']
    datatables:
      deps:    ['jquery']


require ['routers/router', 'backbone'], (Router, Backbone) ->
  MainRouter = new Router()
  Backbone.history.start()

这是我的优化器配置。在需要 'requirejs' 作为模块后，我从 nodejs 运行优化器。

  config =
    baseUrl: __dirname + '/../client/source'
    name:    'lib/almond'
    include: './client'
    optimize: 'none'
    out:     __dirname + '/../client/' + hash + '.js'
    paths:
      text:                 'lib/text'
      io:                   'lib/socket.io'
      underscore:           'lib/underscore'
      backbone:             'lib/backbone'
      jquery:               'lib/jquery'
      bootstrap:            'lib/bootstrap'
      bootstrapFileUpload:  'lib/bootstrap-fileupload'
      jqueryUniform:        'lib/jquery.uniform'
      jqueryBrowser:        'lib/jquery.browser'
      datatables:           'lib/jquery.dataTables'
      datatables_bootstrap: 'lib/DT_bootstrap'
    shim:
      bootstrap:
        exports: 'bootstrap'
      bootstrapFileUpload:
        exports: 'bootstrapUpload'
      io:
        exports: 'io'
      jquery:
        exports: 'jQuery'
      jqueryBrowser:
        deps:    ['jquery']
      jqueryUniform:
        deps:    ['jqueryBrowser', 'jquery']
      underscore:
        exports: '_'
      backbone:
        deps:    ['underscore', 'jquery']
        exports: 'Backbone'
      datatables:
        deps:    ['jquery']
      datatables_bootstrap:
        deps:    ['jquery', 'datatables']



  requirejs.optimize config, (buildResponse) ->
    js = true
    if js && css
      require './server'
  , (err) ->
    console.log 'requirejs err'
    console.log err

我在 chrome 中看到的具体错误是：“Uncaught TypeError: Cannot read property 'defaults' of undefined”

这与此片段相关：

/* Set the defaults for DataTables initialisation */
$.extend( true, $.fn.dataTable.defaults, {

知道可能出了什么问题吗？谢谢！

4

3 回答 3

14

我遇到了同样的问题。我认为发生此错误的原因是因为DT_bootstrap.js它不是 AMD 模块，而它取决于一个模块的副作用。在这种情况下jquery.dataTables.js。

当 RequireJS 优化器将您引用的所有模块组合到一个大 JS 文件中时，原始文件位于文件DT_bootstrap.js中间的某个位置，在jquery.dataTables.js. 问题是DT_bootstrap.js在加载组合的 js 文件时立即评估。它希望$.fn.dataTable在遇到以下行时被定义：

$.extend( true, $.fn.dataTable.defaults, {

由于jquery.dataTables.js它是一个 AMD 模块，它已经编译但尚未评估。只有在以后需要它作为依赖项的代码中才会对其进行评估，然后才会定义$.fn.dataTable.

我通过在 AMD 模块定义中包装“DT_bootstrap.js”来解决这个问题，就像在这里完成的那样：https ://github.com/amdjs/backbone/blob/master/backbone.js#L8-L24

例如：

(function(root, factory) {
  // Set up DT_bootstrap appropriately for the environment.
  if (typeof define === 'function' && define.amd) {
    // AMD
    define(['jquery', 'datatables', 'bootstrap'], function($) {
      factory($);
    });
  } else {
    // Browser globals
    factory(root.jQuery);
  }
}(this, function($) {
    // <--- original DT_bootstrap.js goes here 
}));

它为我解决了这个问题。

于 2013-04-02T03:16:07.667 回答
0

彼得几乎是正确的。他唯一错过的是定义必须与凯西的配置相匹配。所以在上面的答案中，而不是：

define(['jquery', 'dataTable', 'bootstrap'], function($) ...

它需要是：

define(['jquery', 'datatables', 'bootstrap'], function($) ...

否则 require js 将寻找文件 dataTable.js 而不是它需要检索的文件。

于 2013-10-10T23:14:43.200 回答
0

由于需要 2.1.11的 wrapShim 选项处理这个问题，所以可以保留原始源文件。

于 2014-03-31T14:11:07.187 回答