我正在尝试将 datatables JQuery 插件与 webpack 和 typescript 一起使用。我已经启动并运行了 JQuery 和打字(intelliSense 工作),对于数据表我只有 intelliSense,但是在我运行应用程序时构建 webpack 之后,代码在 $('#id').dataTable() 时失败行。
app.js:43Uncaught TypeError: $(...).dataTable 不是函数
我不知道如何正确附加这个插件,谁能帮帮我?
webpack.config.js如下; https://gist.github.com/marcingolenia/2fa78ed2cd42f9294da5edd22d351245
希望这一行能解决问题;
{ test: require.resolve("dataTables.net"), loader: "imports?define=>false,$=jquery"},
正如 import loader 的文档所说;
There are many modules that check for a define function before using CommonJS. Since webpack is capable of both, they default to AMD in this case, which can be a problem if the implementation is quirky.
datatables 提供了两者,所以我想使用 define=>false 禁用 AMD,如此处所述 https://www.datatables.net/forums/discussion/32542/datatables-and-webpack
现在我卡住了:(
最佳答案
你快到了!
确保通过 NPM 安装了 datatables.net
和 datatables.net-dt
:
npm install datatables.net datatables.net-dt --save-dev
在你的入口文件./src/main.js
中写:
require( 'datatables.net' )( window, $ )
require( 'datatables.net-dt' )( window, $ )
之后,任何格式为$(...).DataTable
的代码逻辑都将作为DataTables主页上显示的示例。
关于javascript - 带有 Webpack 和 Typescript 的 JQuery 插件(数据表),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36791472/