Импорт библиотеки / зависимости с помощью Laravel Mix

#npm #laravel-mix

#npm #laravel-mix

Вопрос:

У меня небольшая проблема, на поиск решения которой ушло некоторое время. Я пытаюсь импортировать эту библиотеку в свой проект в Laravel.

https://www.adchsm.com/slidebars/help/usage/initializing-slidebars/

Я установил библиотеку с помощью NPM.

npm install slidebars --save-dev

Затем я пытаюсь импортировать эту библиотеку в свой app.js файл, который имеет следующую структуру:

 import jquery from 'jquery';
import popper from "popper.js";

try {
    window.$ = window.jQuery = jquery;
    window.Popper = popper.default;

    require('bootstrap');
    require('slidebars');

} catch (exception) {
    console.log(exception);
}

$(document).ready(function () {
    let constructor = new slidebars();
});

  

запустите npm run watch , но затем в моем браузере я получаю следующую ошибку в консоли:

ReferenceError: slidebars is not defined

Пожалуйста, если бы вы могли мне помочь, я искал в разных местах, но не могу найти для этого решения. Заранее большое вам спасибо.

Ответ №1:

Выполнить…

 npm install slidebars

  slidebars@2.0.2
added 1 package and audited 16905 packages in 9.487s
found 0 vulnerabilities
  

В /resources/js/app.js добавить…

 window._ = require('lodash');

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

    require('bootstrap');
} catch (e) {}
  

Затем скомпилируйте ресурсы:

 npm run prod