Vue: Улучшить информацию о предупреждающих сообщениях

Для этой зарегистрированной проблемы требуется дополнительная информация. Вы используете vue 2 или vue 1.
Это ошибка или предложение? если ошибка, то воспроизводимая ссылка на jsfiddle.
Если какой-либо из ваших компонентов не имеет функции обработчика, это не может быть проблемой vue.

//Лучший

Я использую Vue 2. Это не ошибка. Это бесполезное сообщение об ошибке. Что ж, Vue может принять это как предложение улучшить стиль сообщения об ошибке и сделать его конкретным. Таким образом, при любой ошибке, если какой-либо разработчик допустит ошибку, он / она может исправить ее в кратчайшие сроки, зная, где именно ошибка. По сравнению с React JS, они показывают имя компонента вместе с номером строки и, конечно же, ошибкой.

Все желаю, чтобы конкретнее было сообщение об ошибке.

Во Vue много сообщений, которые на самом деле мало что говорят. К сожалению, проверки безопасности Vue, похоже, отсутствуют.

Я предполагаю, что если vue может добавить немного больше информации к своим предупреждениям -

имя компонента
тип компонента
или
может сделать предупреждающее сообщение настраиваемым для разработки env.

Мы стараемся предоставлять информацию о компонентах всякий раз, когда можем, возможно, это недосмотр.

@ just-никто, пожалуйста, приведите конкретные примеры того, каких сообщений не хватает, чтобы мы могли улучшить - просто жалобы ничего не добьются.

На самом деле я не жаловался; Я подумал, что люди уже знали об этом. В прошлом я сталкивался с множеством мелких крайних случаев, которые давали странное, невзрачное сообщение о реальной проблеме, но вместо этого уходили глубоко в источник, а некоторые другие проблемы не вызывали ошибки, а вместо этого вызывали странный рендеринг. ошибка. Некоторых было легче отследить, чем других, поэтому я не стал сообщать о них, так как решил, что это просто я был глуп, но в частности, я действительно создал запрос на перенос, потому что мне потребовалось так много времени, чтобы выяснить, что не так. .

Я полагаю, что многие из них исправлены теперь, когда 2.0.1 вышла, но я думаю, что мне плохо из-за того, что я молчу. Послание читателям: если вы считаете, что это ошибка, сообщите об этом, даже если это может оказаться не ошибкой.

@ yyx990803 Даже, предоставление ключа имени компонента не очень помогает. Спасибо, что заглянули и добавили эту проблему в качестве улучшения.

:) спасибо Эван

Привет, я недавно заметил, что из-за отсутствия номеров строк очень сложно отлаживать отладку, особенно если компонент большой. У меня есть компонент с парой тысяч строк. Я получил предупреждение
"[Предупреждение Vue]: Ошибка в функции рендеринга:" TypeError: _vm.values ​​[item.name] is undefined "»

В моей консоли Firefox есть имя компонента, но нет номера строки. Для такого рода случаев было бы действительно полезно иметь определенный номер строки. Конечно, я могу разделить компонент на несколько меньших или просто перебрать все эти строчки с поиском редактора, но дело не в этом.

Пожалуйста, подумайте о добавлении номеров строк в следующих версиях. Спасибо.

+1 Пожалуйста, добавьте номера строк.

Я получил следующее сообщение,

vue.js: 577 [предупреждение Vue]: ошибка при рендеринге: «TypeError: невозможно прочитать свойство 'length' of undefined»
(найти в)

Я знаю, почему это не удается, в этой конструкции "variable.length", если переменная == null. Проблема в том, что у меня много конструкций ".length", данные поступают из внешней службы.

То же самое для меня @ ameoba32
У меня есть «Не могу прочитать свойство length of undefined», и я не могу найти, в чем проблема. Это большое веб-приложение, поэтому это сложно.
Я полагаю, что нашел файл в причине, но я не знаю, где именно ошибка.
Должен ли я ошибаться строка за строкой, чтобы найти разрыв строки? xD

То же, что и @ ameoba32 . @ yyx990803 Пожалуйста, сделайте что-нибудь. Спасибо!

Я очень люблю vue и работаю с ним два года. Отсутствие конкретики в ошибке RENDER - моя жалоба / просьба №1 исправить. Эта ошибка возникает либо в шаблоне, либо в соответствующем js-коде. Номер строки очень поможет, или даже если проблема находится либо в шаблоне, либо в коде js.

была такая же проблема

да. У меня точно такая же проблема ;)

unreachable code after return statement[Więcej informacji] app.js:5248:4
unreachable code after return statement[Więcej informacji] app.js line 4957 > eval:5248:4
unreachable code after return statement[Więcej informacji] app.js:5248:4
unreachable code after return statement[Więcej informacji] app.js line 5136 > eval:5248:4

Я понимаю, что это означает, но я не знаю, где мне это исправить, и просмотр всех моих компонентов, чтобы найти эти проблемы, - это своего рода большая работа.

То же самое.

vue.common.js ничего не значит для меня, когда я пытаюсь найти, где произошла ошибка.

Я согласен, что просто номер строки в исходном файле значительно ускорит отладку.

что-нибудь новенькое об этом? почему проблема закрыта (поскольку проблема все еще существует)?

хотелось бы, чтобы это было исправлено! отладка сейчас слишком сложна, нам нужно имя файла и номер строки для облегчения отладки, пожалуйста, исправьте

Я тоже согласен, мои файлы .vue очень большие, и мне может помочь получение точного местоположения.

Я немного продвинулся в определении того, какой компонент, и могу получить номер строки (во многих случаях) для ошибки. (Я использую однофайловые компоненты). Но предстоит еще много расследований. Я надеюсь опубликовать свои выводы в будущем.

@ gpadilla123 Боже скорости, сэр. С нетерпением жду вашей работы.

В случае, если кто-то все еще пытается найти в своем коде искаженные операторы возврата, я обнаружил источник ошибки, возникающей, когда я использую в шаблоне как выражение, так и вызов функции:
:class="x=0; getClass()" в данном случае, удалив x=0; избавились от предупреждения. Не то чтобы это было обязательно для кого-либо из этого списка, но напоминание о том, чтобы проверить шаблон.

Даже по сей день все еще непонятно, как шарики. Я получаю сообщение об ошибке, когда vue оценивает что-то, что я даже не меняю ...

Vue 3.0 должен решить эту проблему, так как сообщения об ошибках будут лучше, но дата выпуска Vue 3.0 варьируется от конца второго квартала 2019 года до конца 2019 года. Мне слишком долго ждать, поэтому я взломал способ получить строку номера ошибок (для некоторых случаев). Взломанное решение должно быть более надежным и работать в большем количестве случаев.

да, это меня убивает, я ожидал, что хотя бы номер строки или что-то еще лучше указать

+1

Это смертельно опасно. Нам нужно, чтобы строки, в которых возникают ошибки, сообщались правильно. На данный момент я, кажется, получаю совершенно бесполезные номера строк

[Предупреждение Vue]: Ошибка при рендеринге: «TypeError: невозможно прочитать свойство '0' of undefined»

[Vue warn]: Error in render: "TypeError: Cannot read property 'length' of undefined"
Будет весело искать строчку. Особенно, когда в моем коде много .length .

Подобные сообщения похожи на погоню за дикими гусями. Не знаю, где возникла ошибка: я бы ожидал номер строки, имя vue, имя созданной мной функции, которая не является частью инфраструктуры Vue. Это происходит в vue 2.5.17. В подобных случаях расширение vue development также не помогает.

Рад слышать, что это будет исправлено в Vue 3.0. Тем временем я нашел хороший совет: щелкните индикатор строки ошибки в консоли, затем установите точку останова на той же строке в исходном коде Vue. Затем вы можете перезагрузить страницу, отладчик остановится на точке останова, затем вы можете выполнить резервное копирование стека, пока не найдете один из ваших компонентов, и обычно ошибка возникает.

Это не идеально, но может помочь вам выбраться из охоты за ошибками.

[Vue warn]: Error in render: "TypeError: Cannot read property 'length' of undefined"
Будет весело искать строчку. Особенно, когда в моем коде много .length .

Наконец нашел строчку.
Если бы проблема была решена, это заняло бы не так много времени.

+1, журналирование консоли vue очень не хватает. Возьмем, к примеру, нижеприведенное. Он сообщает мне стек компонентов, что хорошо, но здесь нет ссылки на номер строки, и весь стек вызовов указывает на компиляцию кода vue, а не моего кода компонента. Номер строки рядом с названием компонента - это все, что ему нужно.

У меня также возникают проблемы с отладкой без номеров строк ...

Вызов принят.

Это было обломом в течение многих лет и до сих пор.

Я просматривал это в надежде, что у кого-то уже есть суперсекретный хак для этого или уже какое-то обновление

+1

TypeError: Cannot read property 'length' of undefined

но у меня 30-50

Нам действительно нужен номер строки при ошибках рендеринга.

Любой обходной путь?

Могу подтвердить, я здесь просто смотрю на свой код ... не понимая, почему он не работает.

Если у Vue есть недостатки, это будет единственный