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數據表條目。