Nuxt reported an error type check failed forprop "news" Expected Array

error type check failed for prop "news" when using Nuxt.js. Expected Array, got Function. Found in .
but there is no problem with re-npm run dev, but this error is reported every time the browser is changed a little. But the terminal is normal.


<template>
  <div class="leo-news">
    <div class="icon"/>
    <div class="news-list">
      <p 
        v-for="(item, index) in news" 
        :key="index"><a>{{ item.title }}</a>

</div> </div> </template> <script> export default { props: { news: { type: Array, default: () => Array } }, data() { return {} }, created() {} } </script> page <style lang="scss"> .leo-news { height: 2rem; background: -sharpfff; padding-left: 0.5rem; padding-right: 0.5rem; .icon { width: 1.2rem; height: 1.5rem; background: blue; float: left; } .news-list { width: 10rem; font-size: 0.4rem; float: left; padding-left: 0.333333rem; p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } p:nth-child(2) { margin-top: 0.4rem; } } } </style>

<template>
  <div class="content">
    <section>
      <m-banner/>
      <m-LeoNews :news="news"/>
    </section>
    <section class="container">
      <m-vedio/>
    </section> 
    <section class="container">
      <m-huoke/>
    </section>
  </div> 
</template>
<script>
import axios from "~/fetch/fetch.js"
import Banner from "~/components/banner.vue"
import VedioCase from "~/components/vedioCase.vue"
import LeoNews from "~/components/leoNews.vue"
import Huoke from "~/components/huoke/huoke.vue"
export default {
  components: {
    "m-banner": Banner,
    "m-vedio": VedioCase,
    "m-LeoNews": LeoNews,
    "m-huoke": Huoke
  },
  data() {
    return {
      news: []
    }
  },
  created() {},
  asyncData({ params }) {
    //
    //
    return axios.getNews({ limit: 2 }).then(res => {
      return { news: res.data }
    })
  }
}
</script>
<style lang="scss">
</style>
Dec.07,2021

default: () => Array

the returned value is not an array, is it


news: {
  type: Array,
  default: () => Array
}

shouldn't default be given the default value directly here? And there's nothing wrong with your expression? ,

news: {
  type: Array,
  default: [] /*  */
}
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1be25ce-30e46.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1be25ce-30e46.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?