Почему не работает Vue.js?

Question

Александр Иванов @KillMonger

Почему не работает Vue.js?

Здравствуйте.
Буду честен и краток: я работаю fullstack-разработчиком в компании. Опыта мало. Программирую на PHP и JavaScript. Для компании до меня (мой предшественник-программист) сделал приложение для Битрикс24 на Vue.js. Сейчас приложение перестало работать, вместо текста везде появилось что-то типа {{lang.departament_label_text}}, ошибок в консоли нету, во вкладке Network браузера Chrome всё отлично загружается.
Я с Vue.js вообще не знаком.
Подскажите, пожалуйста, в какую сторону копать?
Я, конечно, пытаюсь почитать документацию, но прошу помочь быстрее разобраться во Vue.js и решить проблему.
Я скачал DevTools по Vue.js, но он не работает в приложении. Выводится сообщение, что Vue.js на странице не найден.

Вопрос задан более трёх лет назад
835 просмотров

3 комментария

Подписаться 1 Простой 3 комментария

Пригласить эксперта

Ответы на вопрос 2

6 комментариев

Александр Иванов @KillMonger Автор вопроса

Здравствуйте. Ошибок вообще никаких нет. Я об этом написал.

Написано более трёх лет назад
Владимир Коротенко @firedragon
Александр Иванов,
Тогда проверяйте по списку.
Должен быть элемент для запуска приложения
<div id='app'></div>

Он не должен дублироваться!!!!

Он должен совпадать с запуском приложения

new Vue({ store, render: (h) => h(App), }).$mount('#app'); // c вот этим элементом

Потом смотрите на загрузку, тут 2 варианта :

1. внешний файл vue (его подгрузку контролируете на вкладке networks)
2. бандл для этого приложения, должен лежать на вашем сервере

3. проверяете создался ли экземпляр, предупреждаю их может быть несколько
Написано более трёх лет назад
Александр Иванов @KillMonger Автор вопроса
Владимир Коротенко, Div есть, mount нету, вместо него:

vm = new Vue({ el: '#appbitrix24', data: vmData, methods: vmMethods, });

Что такое бандл не знаю.
У меня нету ничего такого, что указывало бы как-то на создание экземпляра... Кто как-то надо менять?
Написано более трёх лет назад
Павел Корнилов @KorniloFF Куратор тега JavaScript

Александр Иванов, так тоже должен создаваться экземпляр. Теперь смотрите, есть ли узел с селектором '#appbitrix24' в вёрстке.

Написано более трёх лет назад
Владимир Коротенко @firedragon

Александр Иванов, бандл это сборка скрипта, в смысле что она самодастаточна и содержит все файлы для запуска.
вам по идее нужно в консоли ввести

vm и просмотреть его свойства.

Кроме того в свойствах битрикса видимо есть такая опция "Отладочный режим". В нем более подробно будет.

Кроме того вставьте чуть выше вашего кода следующий код

Vue.config.productionTip = true;

Написано более трёх лет назад
Александр Иванов @KillMonger Автор вопроса

Павел Корнилов, Есть, есть.

Написано более трёх лет назад

Комментировать

Ваш ответ на вопрос

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

Похожие вопросы

JavaScript

Простой
Fetch дает ошибку?
- 1 подписчик
- час назад
- 28 просмотров
0

ответов
JavaScript

+1 ещё

Средний
При переходе на сайт из Telegram в мобильной версии, происходит подмена ссылки, как исправить?
- 1 подписчик
- час назад
- 20 просмотров
0

ответов
JavaScript

Простой
Обьясните про функцию массив?
- 3 подписчика
- 15 часов назад
- 238 просмотров
1

ответ
Vue.js

Простой
Как прокинуть данные из одного дочернего компонента в другой?
- 1 подписчик
- 21 час назад
- 72 просмотра
1

ответ
Vue.js

Простой
Как игнорировать клик на компоненте?
- 1 подписчик
- 23 часа назад
- 50 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Почему JS не видит SVG-элементы по ID?
- 1 подписчик
- вчера
- 66 просмотров
1

ответ
JavaScript

Средний
Почему не срабатывает горячая клавиша в расширение?
- 1 подписчик
- вчера
- 40 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Почему react-hook-form не отображает ошибки zod в определенных моментах?
- 1 подписчик
- вчера
- 32 просмотра
0

ответов
Vue.js

+1 ещё

Средний
Как правильно типизировать vue generic components?
- 2 подписчика
- 21 нояб.
- 93 просмотра
0

ответов
Vue.js

Простой
В какую сторону развивается Vue и есть ли ему современные альтернативы?
- 6 подписчиков
- 21 нояб.
- 4116 просмотров
2

ответа
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

После обновления перестал работать старый сайт на Wordpress

23 нояб. 2024, в 19:29

750 руб./за проект

Требуется реализовать backend-часть проекта

23 нояб. 2024, в 19:14

35000 руб./за проект

Развернуть OpenSource софт на сервере

23 нояб. 2024, в 17:32

5000 руб./за проект

Ну значит Vue не подключен или не инициализирован
WapSter, Хм... В <head> он прописан... Но вот про инициализацию еще не смотрел. Сейчас гляну, спасибо.
Но вот про инициализацию еще не смотрел
Что такое бандл не знаю.
Кто как-то надо менять

как вас вообще на работу взяли?

Answer 1 · 2020-11-03 07:40:06

Владимир Коротенко @firedragon

Не джун-мидл-сеньор, а трус-балбес-бывалый.

Обычно все ошибки видны в консоли разроботчика браузера.
Нажмите F12 И смотрите что не так.

Ответ написан более трёх лет назад

6 комментариев

Answer 2 · 2021-05-29 15:22:32

BrianGalaxy @BrianGalaxy

C# Экспериментатор

Была такая же проблема, помогло выключение всяких adblock'ов vue сразу заработал.

Ответ написан более трёх лет назад

Комментировать

Почему не работает Vue.js?

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

Минуточку внимания

Войдите на сайт