Установите таблицы данных для laravel 7 с помощью webpack - PullRequest
Новая
       80

Установите таблицы данных для laravel 7 с помощью webpack

0 голосов
/ 11 июля 2020

Я пытаюсь установить jquery таблицы данных для laravel 7 с npm и webpack.

Я установил его вот так через cmd, 

npm install --save datatables.net-bs4

Этот код прошел успешно без ошибок, и я добавил это resources/js/bootstrap.js

try {
    window.Popper = require('popper.js').default;
    window.$ = window.jQuery = require('jquery');

    require('bootstrap');
    require('datatables.net-bs4');
} catch (e) {}

Добавил это в resources/sass/app.scss

@import '~datatables.net-bs4/css/dataTables.bootstrap4.css';

Затем запустил npm run dev в терминале. Но когда я вызываю таблицы данных, я получаю.

Uncaught TypeError: $ (...). DataTable не является функцией

Я вызываю таблицы данных, как это . 

<script>
$(document).ready(function () {
  $('table').DataTable();
});
 </script>

Все команды Npm успешно выполнены без ошибок. Было бы здорово, если бы кто-нибудь мог помочь

1 Ответ

0 голосов
/ 11 июля 2020

Наконец-то я нашел ответ. Похоже, я добавил require('datatables.net-bs4'); неправильно. вместо resources/js/bootstrap.js я добавил его в файл resources\assets\js\app.js, вот так, и он начал работать. 

import $ from 'jquery';
window.$ = window.jQuery = $;
require('datatables.net-bs4');

Поскольку все остальные коды являются импортом, я добавил как импорт, как этот 

import 'datatables.net-bs4';

После того, как я запустил npm run dev, и он начал работать. Сохранение ответа, поскольку кто-то другой столкнулся с той же проблемой.

...