Nuxt与Storyblok不渲染图像

时间:2019-01-27 21:26:46

标签: javascript vue.js nuxt.js storyblok

嘿, 我正在用Nuxt和storyblock作为CMS做一个博客。第一次使用两者。一切正常,但图像未呈现并显示错误:

获取http://localhost:3000/undefined 500(NuxtServerError) 2commons.app.js:11367 [Vue警告]:无效的道具:道具“ thumbnailImage”的类型检查失败。预期的字符串,其值为“ undefined”,未定义

位于

dataTable

但是,如果我转到控制台并在每个帖子中看到数据,则缩略图在那里并且链接有效。有人可以在这里引导我吗?谢谢

所以在我的index.vue中:

<PostPreview> at components/Blog/PostPreview.vue
  <Pages/index.vue> at pages/index.vue
    <Nuxt>
      <Default> at layouts/default.vue
        <Root>

然后

<template>
  <section id="posts">
    <postPreview
      v-for="post in posts"
      :key="post.id"
      :title="post.title"
      :excerpt="post.previewText"
      :thumbnailImage="post.thumbnailUrl"
      :id="post.id"
    />
  </section>
</template>

enter image description here

1 个答案:

答案 0 :(得分:0)

找到它。在Storyblok的关键值中,“缩略图”和“摘要”均以大写字母开头,而我在index.vue页面上没有该字母。

enter image description here