Почему не работает 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 на странице не найден.

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

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

+1 ещё

Простой
Выполняются оба метода из двух разных форм. Как исправить?
- 1 подписчик
- 22 часа назад
- 81 просмотр
0

ответов
JavaScript

Простой
Почему не получается отфильтровать массив строк?
- 1 подписчик
- 23 часа назад
- 103 просмотра
2

ответа
JavaScript

Средний
Как применить эффект на все изображения?
- 2 подписчика
- вчера
- 85 просмотров
2

ответа
JavaScript

Простой
Как работает метод filter в данном случае?
- 1 подписчик
- вчера
- 62 просмотра
1

ответ
Vue.js

Средний
Как сделать проверку нескольких полей с одинаковым name в vee-validate 4?
- 1 подписчик
- вчера
- 26 просмотров
0

ответов
JavaScript

+2 ещё

Средний
Существует ли какой-то программный сигнал при смене трека в icecast2?
- 1 подписчик
- вчера
- 38 просмотров
0

ответов
JavaScript

Простой
Как извлечь информацию в JavaScript?
- 2 подписчика
- вчера
- 411 просмотров
1

ответ
JavaScript

Простой
Как преобразовать к строке число «0xFF»?
- 2 подписчика
- вчера
- 265 просмотров
1

ответ
JavaScript

Простой
Как добавить поле в объект и вложенные в него объекты?
- 1 подписчик
- вчера
- 121 просмотр
1

ответ
JavaScript

+1 ещё

Средний
Существуют ли программы для реверс инженеринга минифицированного кода на JS?
- 2 подписчика
- 24 мая
- 508 просмотров
1

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

Junior JavaScript Developer

КРАФТТЕК • Санкт-Петербург

от 60 000 до 80 000 ₽

JavaScript Developer (backend / fullstack)

Brightdata • Тель-Авив

от 5 500 до 6 500 $

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

Rocket • Брянск

от 60 000 до 100 000 ₽

Автоматическое создание скринов неподтвержденных запросов на LinkedIn

26 мая 2024, в 02:31

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

Сделать в фотошопе опреденный снимок

26 мая 2024, в 02:18

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

Индексация изображений в интернет-магазине CMS Insales

26 мая 2024, в 02:16

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?

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

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

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