0
我有這個browserify墊片配置:Browserify和jQuery數據表擴展
"browser": {
"jquery": "./node_modules/jquery/dist/jquery.js",
"bootstrap": "./node_modules/bootstrap/dist/js/bootstrap.js",
"datatables": "./node_modules/datatables/media/js/jquery.dataTables.js",
"dt-bootstrap": "./source/vendors/js/dataTables.bootstrap.js",
"dt-select": "./source/vendors/js/dataTables.select.js"
},
"browserify": {
"transform": [
"browserify-shim"
]
},
"browserify-shim": {
"jquery": "$",
"bootstrap": {
"depends": [
"jquery:jQuery"
]
},
"datatables": {
"exports": "DataTable",
"depends": [
"jquery:$"
]
},
"dt-bootstrap": {
"depends": ["jquery:$", "datatables:DataTable"]
},
"dt-select": {
"depends": ["jquery:jquery", "datatables:DataTable"]
}
},
,當我嘗試到:
import dtBootstrap from 'dt-bootstrap'
後browserify它給瀏覽器提供了錯誤:
Uncaught Error: Cannot find module 'jquery'
只有當我嘗試時纔會出現此錯誤:
import $ from 'jquery'
import bootstrap from 'bootstrap'
import DataTable from 'datatables'
// Include any of this modules gives error.
import dtBootstrap from 'dt-bootstrap'
import dtSelect from 'dt-select'
當我不使用他們,只使用,這一切都會好起來:
import $ from 'jquery'
import bootstrap from 'bootstrap'
import DataTable from 'datatables'
// No include no error.
//import dtBootstrap from 'dt-bootstrap'
//import dtSelect from 'dt-select'
他們使用從數據表LIB工廠模式。
任何人有想法我做錯了什麼? 我嘗試了許多配置來包含DataTables擴展的依賴關係。