Laravel 5.3 Паспорт - ошибка Vue: ошибка при оценке выражения

Question

Это дает мне головную боль в течение последних двух дней. Недавно я обновил свое приложение laravel до 5.3, в своей местной среде я потянул в Laravel/паспорт. После установки все работает так, как ожидалось.

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

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

Эти ошибки:

[Vue warn]: Error when evaluating expression "token.scopes.length > 0": TypeError: Cannot read property 'length' of undefined (found in component: <passport-authorized-clients>) 
[Vue warn]: Error when evaluating expression "token.client.name": TypeError: Cannot read property 'name' of undefined (found in component: <passport-authorized-clients>) 
[Vue warn]: Error when evaluating expression "token.scopes.length > 0": TypeError: Cannot read property 'length' of undefined (found in component: <passport-authorized-clients>) 
[Vue warn]: Error when evaluating expression "token.client.name": TypeError: Cannot read property 'name' of undefined (found in component: <passport-authorized-clients>) 

Кто-нибудь сталкивался с такой же ошибки, и как я могу это исправить?

EDIT: Мне удалось это исправить. Я обновил php5.6 до php7 и установил следующие модули PHP; libgmp-dev, php-gmp. Когда я снова сделал новую установку, npm жаловался на два варианта, которые требуется для паспорта; mdanter/ecc и indigophp/hash-compat

Answer 1

У меня была та же проблема. Помогло мне решение here. Он предлагает добавить следующее resources/assets/js/bootstrap.js:

Vue.http.interceptors.push((request, next) => { 
    next((response) => { 
     if('Content-Type' in response.headers 
      && response.headers['Content-Type'] == 'application/json'){ 
      if(typeof response.data != 'object'){ 
       response.data = JSON.parse(response.data); 
      } 
     } 

     if('content-type' in response.headers 
      && response.headers['content-type'] == 'application/json'){ 
      if(typeof response.data != 'object'){ 
       response.data = JSON.parse(response.data); 
      } 
     } 
    }); 
});