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;
}
相关推荐
古月居GYH2 小时前
【数据分析】如何在PyCharm中高效配置和使用SQL
ide·sql·pycharm
速易达网络4 小时前
RuoYi、Vue CLI 和 uni-app 结合构建跨端全家桶方案
javascript·vue.js·低代码
lyj1689975 小时前
vue-i18n+vscode+vue 多语言使用
前端·vue.js·vscode
这是个栗子8 小时前
【问题解决】VSCode终端中看不到Git-Bash
ide·git·vscode
我在北京coding9 小时前
TypeError: Cannot read properties of undefined (reading ‘queryComponents‘)
前端·javascript·vue.js
海天胜景9 小时前
vue3 获取选中的el-table行数据
javascript·vue.js·elementui
翻滚吧键盘10 小时前
vue绑定一个返回对象的计算属性
前端·javascript·vue.js
乆夨(jiuze)10 小时前
记录H5内嵌到flutter App的一个问题,引发后面使用fastClick,引发后面input输入框单击无效问题。。。
前端·javascript·vue.js
小彭努力中11 小时前
141.在 Vue 3 中使用 OpenLayers Link 交互:把地图中心点 / 缩放级别 / 旋转角度实时写进 URL,并同步解析显示
前端·javascript·vue.js·交互
岁月玲珑11 小时前
【使用Android Studio调试手机app时候手机老掉线问题】
android·ide·android studio