Browserify DataTables

Question

我尝试按照NPM包中的说明- DataTables但我仍然无法将其与Browserify捆绑在一起。

这是我最小，完整，可验证的例子：

app.js

'use strict'

var $ = require('jquery')
var dt = require('datatables.net-dt')()

$(document.getElementById('table')).DataTable()

输出npm list

foo@1.0.0 /home/RinkAttendant6/www/foo
├─┬ datatables.net@1.10.10
│ └── jquery@2.1.4
└── datatables.net-dt@1.5.2

输出browserify app.js -o bundle.js

Error: Cannot find module 'datatables.net-dt' from '/home/RinkAttendant6/www/foo'
    at /usr/lib/node_modules/browserify/node_modules/resolve/lib/async.js:46:17
    at process (/usr/lib/node_modules/browserify/node_modules/resolve/lib/async.js:173:43)
    at ondir (/usr/lib/node_modules/browserify/node_modules/resolve/lib/async.js:188:17)
    at load (/usr/lib/node_modules/browserify/node_modules/resolve/lib/async.js:69:43)
    at onex (/usr/lib/node_modules/browserify/node_modules/resolve/lib/async.js:92:31)
    at /usr/lib/node_modules/browserify/node_modules/resolve/lib/async.js:22:47
    at FSReqWrap.oncomplete (fs.js:82:15)

我究竟做错了什么？

Answer 1

根据软件包供应商的说法，除非使用Bootstrap或Foundation，否则应使用datatables.net软件包而不是datatables.net-dt 。

请参阅https://github.com/DataTables/DataTables/issues/434#issuecomment-161278064

而是使用：

 var dt = require('datatables.net')() 

原因是datatables.net-dt包不包含Javascript文件 - 它不需要一个 - 它只包含CSS（它实际上应该包含几个图像，将在1.10中更正）。 11）。

由于DataTables默认值适用于DataTables样式，因此不需要Javascript文件。 Bootstrap等也不是这样。

Answer 2

使用该github问题线程中的另一个建议为我工作。

请参阅： https ： //github.com/DataTables/DataTables/issues/434#issuecomment-113286718

var DataTable = require('datatables.net')()

$.fn.DataTable = DataTable

该代码使用或不使用browserify-shim数据表条目。