vue常见错误解决

vue常见错误解决Errorinrende TypeError Cannotreadpr list ofundefined Vuewarn Propertyorme message isnotdefined Makesurethat

最近在做vue项目的时候遇到了几个报错,这几个报错在vue项目还算常见,因此记录下来解决方法。


Error in render: “TypeError: Cannot read property ‘list’ of undefined”

报错: 渲染错误:“未定义的Type Error:无法读取属性”列表
原因: 没给list定义,也就是说在temple中用到list了,但是在data中没定义这个字段,如果已经定义了但是还是报错,请检查下自己是否拼错了单词,因为我就是这么蠢了= =
解决:




data () { 
     return { 
     list: [] } }, 

[Vue warn]: Property or method “message” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property

报错: message没定义
原因: 跟上面的一样,message在data那里没有定义,定义一个初始值就好
解决:




data() { 
      return { 
      message: '' } }, 

Module build failed: Error: No parser and no file path given, couldn’t infer a parser.

报错: 没有语法分析器和文件路径,无法推断解析器
原因: 依赖包出现问题,prettier 一个vue-cli的依赖,把一个feature 的移除当作次版本发布
解决: npm install –save-dev prettier@1.12.0(删除 node_modules下_prettier@1.13.0@prettier文件夹)





routes forEach is not a function

原因: forEach routes没有发现里面有值
解决:
1.查看import {routes} from ‘./routes’这个路径是否正确
2.routes是一个数组,检查routes是否是一个数组
3.是否已经new了一个router,又再次new一遍?








// main.js // 路由配置 const RouterConfig = { 
        // 使用HTML5的History模式 mode: 'history', routes: Routers } // new VueRouter const router = new VueRouter(RouterConfig) // router.js // 在router中又再次new一遍,重复了!!!! export default new Router({ 
        routes: [ { 
        path: '/', name: 'home', component: home } ] }) 改为: // router.js const routers = [ { 
        path: '/home', meta: { 
        title: '主页' }, component: (resolve) => require(['../page/home.vue'], resolve) ] export default routers 

[Vue warn]: Unknown custom element: – did you register the component correctly? For recursive components, make sure to provide the “name” option.

原因: 被引用的组件页面没有进行export,导致寻找不到浏览器console报错,但是编译的时候没有语法问题不报错
解决:

 export { default as AppMain } from './AppMain' 

TypeError: Cannot read property ‘vue’ of undefined

// 重新安装依赖 npm install vue-loader@latest --save-dev 

 watch: { 
           $route: { 
           handler (newVal, oldVal) { 
           this.isBindInfo = newVal.query.isBindInfo this.isRealName = newVal.query.isRealName this.sessionId = newVal.query.sessionId this.showNo = newVal.query.showNo // 判断newVal有没有值监听路由变化 }, deep: true, }, }, 
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/228894.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月16日 下午5:57
下一篇 2026年3月16日 下午5:57


相关推荐

  • 1442. 形成两个异或相等数组的三元组数目[通俗易懂]

    1442. 形成两个异或相等数组的三元组数目[通俗易懂]给你一个整数数组 arr 。现需要从数组中取三个下标 i、j 和 k ,其中 (0 <= i < j <= k < arr.length) 。a 和 b 定义如下:a = arr[i] ^ arr[i + 1] ^ … ^ arr[j – 1]b = arr[j] ^ arr[j + 1] ^ … ^ arr[k]注意:^ 表示 按位异或 操作。请返回能够令 a == b 成立的三元组 (i, j , k) 的数目。示例 1:输入:arr = [2,3,1,6,7]

    2022年8月9日
    8
  • 网站被ddos攻击怎么办_服务器遭受攻击

    网站被ddos攻击怎么办_服务器遭受攻击网站遭遇DOS攻击一、事件背景   长假对于IT人员来说是个短暂的休整时期,可IT系统却一时也不能停,越是节假日,越可能出大问题,下面要讲述的就是一起遭受DOS攻击的案例。   春节长假刚过完,小李公司的Web服务器就出了故障。下午1点,吃完饭回来,小李习惯性的检查了Web服务器。Web服务器的流量监控系统显示下行的红色曲线,与此同时收到了邮件报警,可以判断服务器出现了状况

    2022年10月1日
    5
  • 再学C++ Primer(11)-模板与泛型编程

    再学C++ Primer(11)-模板与泛型编程

    2021年8月22日
    49
  • java c socket通信 中文乱码解决「建议收藏」

    java c socket通信 中文乱码解决「建议收藏」前言(扯淡)作为一个一直从事Java的人来说,突然做C++很多地方都是乱撞墙,就发送的这个乱码就让人感到十分头秃,昨天跟老板对话,老板说不行咱就花钱找别人做。。。能力别质疑的感觉真是让人糟心啊–不扯太多,程序员节快乐,大家一起头秃吧。。虽然我并不想秃。问题言归正传,c++接收信息是gb2312,Java发数据是UTF-8,我Java接收数据没有问题,但是发给C++就遇到乱码问题…

    2022年7月13日
    21
  • leetcode-19删除链表的倒数第 N 个结点

    leetcode-19删除链表的倒数第 N 个结点原题链接给你一个链表,删除链表的倒数第 n 个结点,并且返回链表的头结点。进阶:你能尝试使用一趟扫描实现吗?示例 1:输入:head = [1,2,3,4,5], n = 2输出:[1,2,3,5]示例 2:输入:head = [1], n = 1输出:[]示例 3:输入:head = [1,2], n = 1输出:[1]提示:链表中结点的数目为 sz1 <= sz <= 300 <= Node.val <= 1001 <= n <= s

    2022年8月9日
    6
  • 手把手教你Nginx 配置 HTTPS 完整过程

    手把手教你Nginx 配置 HTTPS 完整过程今天作为程序员专属得节日 1024 程序员节是广大程序员的共同节日 1024 是 2 的十次方 二进制计数的基本计量单位之一 针对程序员经常周末加班与工作日熬夜的情况 部分互联网机构倡议每年的 10 月 24 日为 1024 程序员节 在这一天建议程序员拒绝加班 程序员就像是一个个 1024 以最低调 踏实 核心的功能模块搭建起这个科技世界 1G 1024M 而 1G 与 1 级谐音 也有一级棒的意思 当然在我们日常开发过程中 监控也是必不可少得 所以今天我们就来了解下 zabbix 监控 1 Zabbix 简介 zabbix 是一个基于

    2026年3月16日
    1

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号