idea或vscode支持vue语法,ts可解析*.vue

一、ide不能解析vue文件

刚开始导入时,在vscode中的vue文件中内容都是灰色的

ide不能解析vue解决方法:

1.idea或webstorm安装vue.js插件

2.在vscode中

  • vue2.0的项目安装vetur插件
  • vue3.0及以上的项目安装Vue-official插件(之前是Volar)

vue官方推荐:搭配 TypeScript 使用 Vue | Vue.js (vuejs.org)

二、ts文件不能解析.vue

bash 复制代码
Could not find a declaration file for module '../views/Index.vue'. 'd:/project/panda/src/views/Index.vue' implicitly has an 'any' type.

ts不能解析*.vue解决办法:

方式一、在tsconfig.json中配置 "compilerOptions": {.... "allowJs": true, }

方式二、找到vite-env.d.ts文件或者env.d.ts文件,添加如下代码

TypeScript 复制代码
declare module '*.vue' {
  import type { DefineComponent } from 'vue';

  const component: DefineComponent<{}, {}, any>;
  export default component;
}
相关推荐
勇敢di牛牛20 分钟前
vue3 + mars3D 三分钟画一个地球
前端·vue.js
我是日安2 小时前
从零到一打造 Vue3 响应式系统 Day 27 - toRef、toRefs、ProxyRef、unref
前端·javascript·vue.js
Q_Q19632884753 小时前
python+vue的在线租房 房屋租赁系统
开发语言·vue.js·spring boot·python·django·flask·node.js
不如喫茶去3 小时前
VUE查询-历史记录功能
前端·javascript·vue.js
武天3 小时前
说说你对slot的理解?slot使用场景有哪些?
vue.js
武天3 小时前
vue中,key的原理
vue.js
武天3 小时前
如何打破scope对样式隔离的限制?
vue.js
武天3 小时前
Vue中的$nextTick有什么作用?
vue.js
武天3 小时前
刷新浏览器后,Vuex的数据是否存在?如何解决?
vue.js
武天3 小时前
你是怎么处理vue项目中的错误的?
vue.js