JavaScript(s) перекрывают друг друга?

У меня есть приложение laravel, к которому я сейчас пытаюсь добавить функциональность, предоставляемую surveyJS.

Таким образом, стандартная проверка подлинности laravel (v5.6) QuickStart помещает это в представление view/layouts/app.blade.php

<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>    

А потом я хочу добавить в опрос JS-скрипты и JQuery, от которых это зависит. Итак, я делаю это:

<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://surveyjs.azureedge.net/1.0.28/survey.jquery.min.js"></script>
<script src="{{ asset('js/app.js') }}" defer></script>

Теперь не важно, куда я положил ...('js/app.js')... в порядке вещей, просто существование приводит к тому, что сценарии surveyJS не работают. В частности, отображается форма опроса, но действия кнопки больше не работают.

РЕДАКТИРОВАТЬ

  • ...('js/app.js')... требуется для выпадающих меню заголовка laravel
  • JQuery необходим для функциональности surveyJS
  • Консоль Chrome Dev не показывает ошибок.
  • Chrome dev network показывает загрузку всех трех скриптов в порядке, указанном выше, как и ожидалось.

Так когда ...('js/app.js')... в то время, как работает меню Laravel, SurveyJS нет. - Когда ...('js/app.js')... удаляется, затем меню laravel не работает, но surveyjs работает.

РЕДАКТИРОВАТЬ #2 Теперь дальнейшие исследования показывают, что внутри тегов BODY этот div является виновником.

<body>
   <div id="app">
       ....
   </div>
</body>

Если я удаляю указанный элемент DIV, то мои javascripts работают, хотя я получаю предупреждение в одну строку и моя консоль app.js:36520 [Vue warn]: Cannot find element: #app - конечно - я убрал это.

app.js Кстати, кажется, что более 47 000 строк кода, связанных с "webpackBootstrap". Установлен по умолчанию с laravel auth quickstart - не мое творение.

Я придерживался того, что, как я надеюсь, является простым подходом, будучи простым JQuery и, таким образом, избегая любой дополнительной сложности React/Angular/Vue.

На что мне смотреть?

0 ответов

Другие вопросы по тегам