Использование Tabler в Laravel

Question

Я хочу использовать панель администрирования Tabler на Laravel.Я пытаюсь установить Tabler UI с npm .

npm install tabler-ui 

. Я добавляю пакет tabler в resources/sass/tabler.scss, а затем добавляю файл SASS в webpack.mix.js.

mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css')
   .sass('resources/sass/tabler.scss', 'public/css');

Но после попытки npm run watch, я получил следующую ошибку:

Файл для импорта не найден или не читается: ../../../node_modules/bootstrap/scss/bootstrap.scss.

Когда я проверяю node_modules/tabler-ui/src/assets/scss/bundle, я нахожу строку, которая импортирует bootstrap:

@import '../../../node_modules/bootstrap/scss/bootstrap.scss';

Ошибка для этой строки;Я думаю, что эта строка должна быть такой:

@import '~bootstrap/scss/bootstrap.scss';

Я не могу изменить эту строку, потому что она находится в папке / node_modules.Что я должен сделать, чтобы решить эту проблему?

Answer 1

В вашем app.scss

замените это:

// Bootstrap
@import '~bootstrap/scss/bootstrap';

на это:

// Tabler
@import '~tabler-ui/src/assets/scss/variables';
@import '~bootstrap/scss/bootstrap';
@import '~tabler-ui/src/assets/scss/dashboard/dashboard';

Answer 2

Похоже, что начальная загрузка является зависимой.

Запустите npm install bootstrap, чтобы установить ее