如何在 Laravel Vite 中使用 DataTables？

Question

我在将 DataTables 添加到新的 Laravel 9.21 实例时遇到问题。但我在控制台中收到错误。我缺少什么？

未捕获的类型错误：$(...).DataTable 不是函数

bootstrap.js

import jquery from 'jquery';
window.jQuery = jquery;
window.$ = jquery;

import DataTable from 'datatables.net';
window.DataTable = DataTable;

$(document).ready(function() {
    $('#example').DataTable();
});

Answer 1

诀窍是DataTable(window, window.$)

这个想法来自datatables.net-bs5的官方文档。设置来自require( 'datatables.net-bs5' )( window, $ );

我的app.js样子是这样的

import "./bootstrap";
import "../sass/app.scss";

import * as bootstrap from "bootstrap";

import jQuery from "jquery";
window.$ = jQuery;

import DataTable from "datatables.net-bs5";
DataTable(window, window.$);

我希望它能给你一些提示。