关于vue3+ts+element-plus项目的初次踩坑

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于vue3+ts+element-plus项目的初次踩坑相关的知识,希望对你有一定的参考价值。

参考技术A

搭建一个vue3,ts,element-plus项目时,总有一些莫名其妙的问题。

项目创建完成之后,elemen文件:

src/plugins/element.js 这个文件是选择了按需导入,之后脚手架自动创建的。

脚手架在main.ts中引入的这个文件会报错,这时候我纳闷的是,既然是脚手架搭建的项目,初次启动项目应该没有问题,但是事与愿违,一堆警告,还无从下手,于是跟着网上的资料,把文件后缀名改成了ts,貌似参数app这个地方行不通,于是又加了个类型限制 app: any ,是能通了但是,控制台有许多警告信息,揪心。,这只是坑一

tsconfig.json

Language support for Vue 3
我在vscode中安装了这个插件:据说是vue的新一代插件,集成了vetur的相关功能,如高亮、语法提示等

以上是关于关于vue3+ts+element-plus项目的初次踩坑的主要内容,如果未能解决你的问题,请参考以下文章

vue3+vite2+element-plus+ts搭建一个项目

推荐一个 Vue3 全家桶 + TS+ Vite2 + element-plus 的网站实战项目

vue3.0+ts+element-plus多页签应用模板:侧边导航菜单(下)

vue3.0+ts+element-plus多页签应用模板:头部工具栏(下)

Vue3.0+TS+Element-plus实现(若依版后台管理系统)

vue3.0+ts+element-plus多页签应用模板:头部工具栏(中)