在一個刀片中組合 2 個不同的腳本后，腳本不起作用。php 文件（laravel）

Question

我想將來自不同來源的 2 個腳本合並到一個刀片中。laravel 中的 php 文件，因為某些內容需要分別使用不同的腳本。 2個腳本是這樣的：

第一個腳本：

<script src="{{ asset('js/app.js') }}"></script>
        <script src="/vendor/unisharp/laravel-ckeditor/ckeditor.js"></script>
                <script>
                    CKEDITOR.replace( 'article-ckeditor' );
                </script>     

第二個腳本：

<script type="text/javascript">

                    $('.itemName').select2({
                    placeholder: 'Select state',
                    ajax: {
                        url: '/select2-autocomplete-ajax',
                        dataType: 'json',
                        delay: 250,
                        processResults: function (data) {
                        return {
                            results:  $.map(data, function (item) {
                                return {
                                    text: item.name,
                                    id: item.id
                                }
                            })
                        };
                        },
                        cache: true
                    }
                    });


                </script>

這就是我組合上述腳本的方式。 只需復制第一個腳本下方的第二個腳本即可：

<!-- Scripts -->
                <script src="{{ asset('js/app.js') }}"></script>
                <script src="/vendor/unisharp/laravel-ckeditor/ckeditor.js"></script>
                <script>
                    CKEDITOR.replace( 'article-ckeditor' );
                </script>

                <script type="text/javascript">

                    $('.itemName').select2({
                    placeholder: 'Select state',
                    ajax: {
                        url: '/select2-autocomplete-ajax',
                        dataType: 'json',
                        delay: 250,
                        processResults: function (data) {
                        return {
                            results:  $.map(data, function (item) {
                                return {
                                    text: item.name,
                                    id: item.id
                                }
                            })
                        };
                        },
                        cache: true
                    }
                    });


                </script>

但是，當我編譯時，它沒有按預期工作，因為其中一個腳本不是 function。 我應該如何在一個文件中編譯兩個腳本？

Answer 1

在最后一個腳本標簽上不帶type="text/javascript"試試。 我不知道它背后的邏輯，但在某些情況下它對我有用。

<script >
    $('.itemName').select2({
        placeholder: 'Select state',
        ajax: {
            url: '/select2-autocomplete-ajax',
            dataType: 'json',
            delay: 250,
            processResults: function (data) {
                return {
                    results:  $.map(data, function (item) {
                        return {
                            text: item.name,
                            id: item.id
                        }
                    })
                };
            },
            cache: true
        }
    });
</script>