javascript - gentelella テンプレートでイオン範囲スライダー関数を初期化する方法

Question

「グリッド スライダー」のようないくつかの基本的な js コンポーネントを初期化する方法に混乱しています。

laravel のパッケージに含まれています: https://colorlib.com/polygon/gentelella/form_advanced.html

そして、それはこのプラグインから来ています: http://ionden.com/a/plugins/ion.rangeSlider/en.html

それは私のコードです：

        <input type="text" id="test_range" name="example_name" value="" />

 $(document).ready(function(e) {
        $('#tabS').DataTable();
        $("#test_range").ionRangeSlider({
            min: 100,
            max: 1000,
            from: 550});});

私は2つの方法を試しました：

1. 明示的なインポートがない場合、エラーは次のとおりです。
2. @stack('script')次のような " " 部分の子ビューに cdn をインポートします。

src="https://cdnjs.cloudflare.com/ajax/libs/ion-angeslider/2.2.0/js/ion.rangeSlider.min.js">

エラーは次のようなものです：

このコンポーネントを正しく初期化するにはどうすればよいですか?