Alixx
@Alixx

Ошибка с Vue. Как запустить js-скрипты?

Здравствуйте!
(почему-то с первого раза не удалось запостить вопрос целиком, только часть была отображена)
Впервые начала пользоваться Webpack, Vue, Node.js (для меня это дремучий лес, поставила для написания чата), до этого все js-скрипты подключены в шаблонах blade через тэг script.
В консоли проекта запустила команду npm run dev. Далее добавила
<example-component></example-component>
<script src="{{ asset('js/app.js') }}"></script>

на свои страницы. ExampleComponent.vue, js/app.js, js/bootstrap.js webpack.mix.js никак не меняла.

Компонент vue отображается на страницах, но теперь не работают никакие другие js-скрипты, подключенные в шаблонах blade (ни внешний, ни внутренние). В консоли пишет ошибку:
[Vue warn]: Error compiling template:
Templates should only be responsible for mapping the state to the UI. Avoid placing tags with side-effects in your templates, such as <script>, as they will not be parsed.

//   здесь красным пишет весь код моего скрипта, который подключен на странице

(found in <Root>)


Подскажите, почему мои js-скрипты даже не загружаются со страницей, а грузится только app.js? Как "заставить" их снова загружаться?
  • Вопрос задан
  • 420 просмотров
Решения вопроса 1
Alixx
@Alixx Автор вопроса
<div id="app"> </div> был дочерним элементом body и содержал в себе уже весь остальном контент, в т.ч. мои js-скрипты.
Я переместила все js-скрипты вне этого контейнера. И все скрипты заработали.
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Kostik_1993
Fullstack Web Developer | PHP | Laravel | Vue.js
Подключали свой компонент хоть?)
5dfa72d969f18056379723.png
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы