Invalid prop: type check failed for prop "previewSrcList". Expected Array, got Promise

你遇到了一个错误，该错误是因为你传递给 "previewSrcList" 属性的类型与预期不符。预期的类型是数组 (Array)，但实际传递的是 Promise。

要解决这个问题，你需要确保在将 Promise 解析为数组之后再将其传递给 "previewSrcList" 属性。你可以使用 async/await 或者 .then() 方法来处理 Promise。以下是使用 async/await 的示例代码：

async function fetchData() {
  // 从 Promise 获取数据
  const data = await yourPromise;

  // 将数据传递给 previewSrcList 属性
  return <YourComponent previewSrcList={data} />;
}

确保在传递给 "previewSrcList" 属性之前，yourPromise 已经被解析为一个数组。这样应该就能解决这个类型检查失败的问题了。

相关问题

Invalid prop: type check failed for prop "previewSrcList". Expected Array, got String with value

这个错误是由于在组件中的某个地方，prop "previewSrcList" 的类型检查失败。它期望的类型是数组（Array），但实际传入的却是一个字符串（String）。

要解决这个问题，你可以检查传递给组件的 "previewSrcList" 属性的值是否为数组类型。如果不是数组，你需要确保传递给该属性的值是一个数组。

如果你使用的是Vue.js，你可以在组件中使用类型检查来验证传递给属性的值的类型。例如，你可以使用 "prop" 选项来指定属性的类型，如下所示：

props: {
  previewSrcList: {
    type: Array,
    required: true
  }
}

这样，当传递给 "previewSrcList" 的值不是数组时，Vue.js 将会发出警告。

Invalid prop: type check failed for prop "previewSrcList". Expected Array, got Number with value 1.

这个错误提示是因为代码中传递给"previewSrcList"属性的值类型不正确，期望是一个数组，但实际传递了一个数字1。需要检查代码中传递给该属性的值是否正确。

以下是一个演示如何正确传递数组给"previewSrcList"属性的例子：

<template>
  <div>
    <el-image-preview :visible.sync="dialogVisible" :src-list="previewSrcList"></el-image-preview>
    <el-button @click="showDialog">显示图片</el-button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dialogVisible: false,
      previewSrcList: [
        'https://xxx.com/image1.jpg',
        'https://xxx.com/image2.jpg',
        'https://xxx.com/image3.jpg'
      ]
    }
  },
  methods: {
    showDialog() {
      this.dialogVisible = true
    }
  }
}
</script>