フロントエンド コンソールは、エラー #Uncaught (in Promise) TypeError: Cannot read property of unnamed () を報告します。nextTick を使用して解決してください。vue3

ページのレンダリング中に、コンソールから「Uncaught (in Promise) TypeError: Cannot readproperties of unfineed (xxxx)」というエラーが報告されましたが、ページは引き続き正常にレンダリングされました。
理由はインターフェースリクエストが非同期で、最初にページをレンダリングする際にインターフェースの値が取得できていないためエラーが報告されるが正常にレンダリングされるため、nexttickとifを追加することで判断することで解決します。
つまり、インターフェースのリクエストメソッドは nextTick で記述されており、シミュレーションコードは次のとおりです。

const list = ref([])
nextTick(() => {
    
    
    test().then((res) => {
    
    
      const testlist= res;
      if (typeof testlist!= "undefined") {
    
    
        list.value = testlist.list;
      }
      console.log(1)
    });
});

最初に値が取得されなかったため、1 がページに 2 回出力されていることがわかります。この操作により、コンソールがエラーを報告するのを防ぐことができます。

おすすめ

転載: blog.csdn.net/weixin_45807026/article/details/125739372