vue3.0通常有哪些报错 怎么解决,一看就知道

这篇博客探讨了Vue.js项目中遇到的多种编译错误,包括混合使用空格和tab导致的`no-mixed-spaces-and-tabs`错误,未找到模块的`Module not found`问题,以及`VueCompilerError`关于缺少元素结束标签的错误。此外,还提到了在使用响应式变量`reactive`时的未定义错误和Vuex中未知的mutation类型。博客还讨论了如何处理数据加载时的错误,如尝试访问未定义对象的属性。最后,文章指出了一些常见的编程错误,如重复赋值和未调用定义好的函数。
部署运行你感兴趣的模型镜像

 

Compiled with problems:

编译问题

C:\myel\src\views\HomeView.vue

错误出现文件

3:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs

4:1 error Mixed spaces and tabs no-mixed-spaces-and-tabs

第3行的第一个字符

第4函的第一个字符

Mixed spaces and tabs

错误原因:混合的空格与tab

no-mixed-spaces-and-tabs

错误规则: no-mixed-spaces-and-tabs 不准混空格与tab

2 problems (2 errors, 0 warnings)

2个问题(2个错误,0个警告)

 

Compiled with problems:

编译错误

ERROR in ./src/views/HomeView.vue?

错误出现的位置

Unexpected keyword 'const'. (6:0)

第6行第0个字符有个不应该出现的关键字 const

63 | const user = reactive({ userid: "", pwd: "", code: "" }), | ^ 64 | const rules = reactive({ | ^ 65 | userid: [

第63到64行两个^之间有错误

 

ERROR in ./src/router/index.ts 10:19-57

错误发生在 ./src/router/index.ts 第10行第19个字符到57字符

Module not found: Error: Can't resolve '../views/admin/AdminVeiw.vue' in 'C:\myel\src\router'

,模块找不的 不能resolve(兑现,发现,解决)../views/admin/AdminVeiw.vue

在C:\myel\src\router

总结:文件../views/admin/AdminVeiw.vue(文件名/路径发生错误)

ERROR in ./src/views/HomeView.vue

错误发生在HomeView.vue

VueCompilerError: Element is missing end tag.

标签没有结束标签

2 | <div class="login">

| ^

第二行的div

 

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'id')

没有捕捉到(承诺)类型错误:不能够与读取undefined的属性 (读取id)

 

beforecreate创建前

created 创建

mounted 挂载(显示渲染dom节点了)

<h1>{{joks[0].summary}}</h1>

joks默认是空的

TypeError: Cannot read properties of undefined (reading 'summary')

不能够在undefined上面读取 summary属性

getJok 获取数据

触发更新

updated 更新页面(有数据了更新数据显示出来了)

出现 []下标 .属性 用v-if (第一次不渲染,等待更新后再渲染)

 

 

Uncaught (in promise) TypeError: state.goods.forEach is not a function

对state.goods.forEach 没有这个forEach(goods不是一个数组)

index.js

 

 

C:\youmi\src\views\AboutView.vue

出错的文件地址

16:17 error 'reactive' is not defined no-undef

第16行17字符错误 reactive 没有定义

 

App.vue 第30错误

[vuex] unknown mutation type: changeA

vuex 找不到一个叫changeA的mutations

 

在AboutView发生错误

 

vue编译错误:属性name 不能不包含 “ ‘ <

at C:\youmi\src\views\AboutView.vue:8:2

第8行

const 不能重复赋值

check被定义了没有备调用

您可能感兴趣的与本文相关的镜像

ACE-Step

ACE-Step

音乐合成
ACE-Step

ACE-Step是由中国团队阶跃星辰(StepFun)与ACE Studio联手打造的开源音乐生成模型。 它拥有3.5B参数量,支持快速高质量生成、强可控性和易于拓展的特点。 最厉害的是,它可以生成多种语言的歌曲,包括但不限于中文、英文、日文等19种语言

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值