在刺激框架中使用DataTables的问题
在刺激框架中使用DataTables的问题
提问于 2021-04-23 18:41:00
我在webpack (刺激框架)中使用DataTables。
我使用yarn安装jQuery和Datatables：
yarn add jquery --dev
yarn add jszip --dev
yarn add datatables.net --dev
yarn add datatables.net-dt --dev
yarn add datatables.net-buttons-dt --dev
yarn add datatables.net-responsive-dt --dev
yarn add datatables.net-select-dt --dev现在，我在刺激中创建了一个控制器：
import {Controller} from 'stimulus';
import $ from 'jquery';
import 'jszip';
import 'datatables.net';
import 'datatables.net-dt';
import 'datatables.net-buttons-dt';
import 'datatables.net-responsive-dt';
import 'datatables.net-select-dt';
export default class extends Controller {
connect() {
$('#data-tables').dataTable();
}
}当我在控制台中打开页面时，显示错误：
Uncaught TypeError: Cannot read property 'ext' of undefined
at dataTables.buttons.js:42
at Object.<anonymous> (dataTables.buttons.js:9)
at dataTables.buttons.js:10
at Object../node_modules/datatables.net-buttons/js/dataTables.buttons.js (dataTables.buttons.js:30)
at __webpack_require__ (bootstrap:18)
at buttons.dataTables.js:8
at Object../node_modules/datatables.net-buttons-dt/js/buttons.dataTables.js (buttons.dataTables.js:34)
at __webpack_require__ (bootstrap:18)
at Module../node_modules/@symfony/stimulus-bridge/lazy-controller-loader.js!./assets/controllers/datatables_controller.js (cmad_lo_controller.js:89)
at __webpack_require__ (bootstrap:18)我如何解决这个问题？
Stack Overflow用户
回答已采纳
发布于 2021-04-23 19:41:43
你必须先安装这个包：
yarn add jquery --dev
yarn add jszip --dev
yarn add datatables.net --dev
yarn add datatables.net-dt --dev
yarn add datatables.net-buttons --dev
yarn add datatables.net-buttons-dt --dev
yarn add datatables.net-responsive --dev
yarn add datatables.net-responsive-dt --dev
yarn add datatables.net-select --dev
yarn add datatables.net-select-dt --dev然后在刺激控制器中使用此命令：
import {Controller} from 'stimulus';
import $ from 'jquery';
import 'jszip';
import 'datatables.net-dt';
import 'datatables.net-buttons-dt';
import 'datatables.net-responsive-dt';
import 'datatables.net-select-dt';
import 'datatables.net-dt/css/jquery.dataTables.css';
import 'datatables.net-buttons-dt/css/buttons.dataTables.css';
import 'datatables.net-responsive-dt/css/responsive.dataTables.css';
import 'datatables.net-select-dt/css/select.dataTables.css';
export default class extends Controller {
connect() {
$('#data-tables').DataTable();
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67228500
复制相关文章
相似问题
腾讯云开发者
