javascript - 当 [渲染 : "TypeError: Cannot read property ' length' of undefined"] is found in multiple files, 错误不只是一个时，背景可能是什么？

Question

我目前正在学习 Vue 教程，在其中制作一个简单的电子邮件应用程序，但我的测试运行结果没有按应有的方式显示收件箱的内容(请参阅附图。第一个是我的，另一个是正确的版本，它应该是这样的)

当我用检查研究我自己的版本以找出可能出了什么问题时，控制台指出我收到了 Vue 警告

Error in render: "TypeError: Cannot read property 'length' of undefined"

，并且在多个文件中找到它，例如

found in

---> <AppMessages> at C:\Users...(omitted for readability)...\sample-project\src\Messages.vue
       <AppInbox> at C:\Users...(omitted for readability)...\sample-project\src\Inbox.vue
         <AppContent> at C:\User...(omitted for readability)...\sample-project\src\Content.vue
           <App> at C:\Users...(omitted for readability)...\sample-project\src\App.vue
             <Root>

Messages.vue 文件的内容是

<template>
    <table v-if="messages.length > 0"  class="table table-inbox table-hover">
        <tbody>
            <tr v-for="message in messages" :class="{ unread: typeof message.isRead !== 'undefined' && !message.isRead }">
                <td><input type="checkbox"></td>
                <td>
                    <a href="#" v-if="typeof message.isImportant !== 'undefined'">
                        <i class="fa fa-star"></i>
                    </a>
                </td>
                <td>{{ message.from.name }}</td>
                <td>{{ message.subject }}</td>
                <td><i v-if="message.atachments.length > 0" class="fa fa-paperclip"></i></td>
                <td class="text-right">{{ message.date.fromNow() }}</td>
            </tr>
        </tbody>
    </table>

    <p v-else>No messages here yet.</p>
</template>

<script>
    export default {
        props:{
            messages:{
                type: Array,
                required: true
            }
        }
    }
</script>

，据我所知，上面代码中的 v-if 和 v-else 语句都没有被执行，因为 'length' 属性未定义，无法首先读取和评估。

当我没有测试运行一些教程视频的代码时，通常只是因为我有一些拼写错误，但通常只是在一个文件中我输入错误。另一方面，这次我同时对多个文件遇到完全相同的错误。这种“未定义”的原因是否只是一些拼写错误，或者可能还有其他原因？

Answer 1

我注意到 <i v-if="message.atachments.length > 0" 中存在拼写错误应该读作 <i v-if="message.attachments.length > 0" ？