Javascript Vue错误：TypeError:无法读取属性'；标题'；Proxy.render中未定义的

我发现了一些像我一样的问题，但没有一个足够清楚地解决我的具体问题

我的Test.Vue组件中有此代码，该组件已导入到我的App.Vue文件中

顺便说一句，昨天我在做这件事的时候，一切都很好，我做这件事一点也没有出错。我刚刚关闭了我的笔记本电脑，今天再次打开它来处理它，当我刷新我的页面时，开始出现这个错误

<template>
    <div class = "test">
        <input type="text" v-model="title"> <br/>
        <h1>{{title}}</h1>
        <p>{{user.lastName}}</p>
        <p v-if="showName">{{user.firstName}}</p>
        <p v-else>Nada</p>

        <!-- <ul>
            <li v-for="item in items>{{item.title}}</li>
        </ul> -->

    </div>
</template>

<script>
export default {
    name: 'test',
    data() {
        return{
            title: 'Hello World',
            user: {
                firstName:'John',
                lastName:'Doe'
            },
            showName: true,

            // items: [
            //  {title: 'Item One'},
            //  {title: 'Item Two'},
            //  {title: 'Item Three'}
            // ]
        }
    }
}
</script>
<style scoped> 
</style>

{{title}}
{{user.lastName}

{{user.firstName}
Nada
导出默认值{
名称：'测试'，
数据（）{
返回{
标题：“你好，世界”，
用户：{
名字：'约翰'，
姓氏：'Doe'
},
showName:对，
//项目：[
//{标题：'项目一'}，
//{标题：'项目二'}，
//{标题：'项目三'}
// ]
}
}
}

使用代码中的内容--注释了在我的

中创建的行和项目：[]中的所有内容

vue.esm.js？efeb:1741类型错误：无法读取的属性“title” 未定义 在Proxy.render（eval at./node_modules/vue loader/lib/template compiler/index.js？{“id”：“data-v-dc87507c”，“hasScoped”：true，“transformToRequire”：{“video”：[“src”，“poster”]，“source”：“src”，“img”：“src”，“image”：“xlink:href”}，“buble”：{“transforms”：{.}}/node_modules/vue loader/lib selector.js type=template&index=0！/src/components/Test.vue （0.b8f1eab6988182beecb6.hot update.js:7），：37:59） 在VueComponent.Vue.\u渲染（Vue.esm.js？efeb:4544） 位于VueComponent.updateComponent（vue.esm.js？efeb:2788） at Watcher.get（vue.esm.js？efeb:3142） at Watcher.run（vue.esm.js？efeb:3219） 在flushSchedulerQueue上（vue.esm.js？efeb:2981） at Array.eval（vue.esm.js？efeb:1837） 在刷新回调时（vue.esm.js？efeb:1758）

---

您的代码运行正常，请确保在取消注释已注释代码时，在

项之后加上引号（“）

<li v-for="item in items">{{item.title}}</li>

{{item.title}

这就是它应该起作用的全部

这是工作表

如果你仍然得到它，只需关闭发球，然后重新开始

---

我希望这能有所帮助。

您在这里缺少一个结束语：

<li v-for="item in items>{{item.title}}</li>

---

TypeError已经非常清楚地告诉了您所有的事情。首先，您应该知道谁是Proxy.render，当它加载时，发生了什么，好吗？ 然后，属性'title'在此呈现时未定义，这意味着当此页面呈现时，实例，可能称为'vm.$el'，无法找到此属性，但它需要此属性，因此您需要正确初始化此属性。 例子： 如果在模板中编写此项：

<li v-for="item in items" :key="item">{{item[a.b].title}}</li>

您将获得：

---

因为当它呈现时，找不到a.b

请再次尝试编译。对不起，我是新手，这是什么意思？关闭浏览器上当前的工作选项卡。重新启动开发服务器，然后您就可以消除错误。快速询问服务器。我显然是新手，所以需要一些说明。当我在终端中执行“npm运行开发”时，它运行正常，并向我提供了localhost:8080服务器，它告诉我它当前正在运行。我如何摆脱这种情况，以及在什么时候应该执行“npm build dev”？谢谢！我修复了语法错误，但我在控制台中仍然不断收到相同的错误。上面的一条评论说，尝试再次编译，我可以如何执行？您尝试重新启动了吗取消“npm运行服务”？我尝试了“npm运行开发”“它没有解决它。我应该做更多吗？解决了我的问题。事实证明，我试图访问的状态并不像我想象的那样存在。因此，我的组件连接正确，但我有一个Vuex存储操作，该操作使用“未定义”而不是我期望的数据来提交一个突变。因此，当组件试图渲染时，我的一个状态属性实际上是未定义的，我试图访问该未定义属性的属性。我认为更严格的测试或者在TypeScript中使用一些强类型可能会帮助我更早地发现这个问题，我不确定。我在代码中修复了这个问题，但仍然有相同的错误。我认为这是服务器问题，而不是代码本身，代码本身是正确的。我应该重做Vue的哪一部分停止然后继续工作？

a:{},


items: [{title: 'Item One'}],