Laravel 5.3 Passport - Vueエラー：式を評価する際のエラー

Question

これは過去2日間頭痛を与えています。私は最近私のlaravelアプリケーションを5.3にアップデートしました。ローカル環境でLaravel/passportを取得しました。インストール後、すべて正常に動作します。

このアップデートをプロダクションサーバーにプッシュすると、すべての機能は引き続き動作しますが、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>) 

は、誰でも同じエラーに直面している、と私はこれをどのように修正するのですか？

編集：私はこれを修正することができました。私はphp5.6をphp7にアップデートし、以下のPHPモジュールをインストールしました。 libgmp-dev、php-gmp。私が再び新しくインストールしたとき、npmはパスポートが必要とする2つの不備について苦情を言いました。 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); 
      } 
     } 
    }); 
});