Question

我尝试使用 Browserify 拼接的DataTables Bootstrap styling但是当我使用生成的Browserify捆绑包访问页面时，JS控制台会显示＆＃34;未捕获的错误：找不到模块＆＃39;数据表＆＃39;。

我的require('datatables');语句工作正常并成功加载DataTables，但是当我尝试require('datatables-bootstrap');时，页面无法加载。 Browserify确实成功编译了包。

我通过bower install --save datatables获取DataTables文件，但jQuery虽然npm install --save jquery。 Here are the DataTables source files

的package.json

"dependencies": {
  "bootstrap": "^3.3.4",
  "jquery": "^1.11.2"
},
"browser": {
  "datatables": "./bower_components/datatables/media/js/jquery.dataTables.js",
  "datatables-bootstrap": "./bower_components/datatables/media/js/dataTables.bootstrap.js"
},
"browserify": {
  "transform": [
    "browserify-shim"
  ]
},
"browserify-shim": {
  "datatables": {
    "exports": "datatables",
    "depends": [
      "jquery:$"
    ]
  },
  "datatables-bootstrap": {
    "exports": null,
    "depends": [
      "jquery:$",
      "datatables"
    ]
  }
}

index.js

'use strict';
var $ = global.jQuery = require('jquery');
require('datatables');
require('datatables-bootstrap'); // <-- causes the error

如何在Browserify中使用DataTables Bootstrap样式？

0 个答案: