首页 > 其他分享 >vue3 报错解决:找不到模块或其相应的类型声明。(Vue 3 can not find module)

vue3 报错解决:找不到模块或其相应的类型声明。(Vue 3 can not find module)

时间:2024-03-07 22:34:14浏览次数:24  
标签:文件 插件 Vue module 报错 volar

当我们在引入应该组件的时候 提示找不到这个组件但是项目明明就有这个物理文件

报错原因:typescript 只能理解 .ts 文件,无法理解 .vue文件

 

这个时候我们应该这样

首先

原因:
1、volar 插件没开takeover模式
去看volar插件介绍,开takeover模式
2、volar未选择tyscript最新版本
解决:
1、在当前项目的工作空间下,用 Ctrl + Shift + P (macOS:Cmd + Shift + P) 唤起命令面板。
2、输入 built,然后选择“Extensions:Show Built-in Extensions”。
3、在插件搜索框内输入 typescript (不要删除 @builtin 前缀)。
4、点击“TypeScript and JavaScript Language Features”右下角的小齿轮,然后选择“Disable (Workspace)”。
5、重新加载工作空间。Takeover 模式将会在你打开一个 Vue 或者 TS 文件时自动启用。

1.

 2.

 3.

 4.

 然后就ok了

标签:文件,插件,Vue,module,报错,volar
From: https://www.cnblogs.com/quanminglin/p/18059944

相关文章

  • VUE+Echarts安装与配置01
    1、创建VUEnpminitvue@latest//初始化VUE,执行创建向导任务npminstall//安装相关依赖npmrundev//运行程序,查看创建结果2、创建Echartsnpminstallecharts//安装Echarts插件import*asechartsfromecharts//引用Echarts3、引......
  • 【Vue】HutoolExcel导出
     最近写Excel导出功能,发现需求有点复杂,这里整理一下思路和解决方案一、需求背景:老系统改造,功能和代码是现成的,预览了一下内容:第一个是有特定样式,比如首行标题,以及红色的列名称 第二个,导出多个Sheet页 第三个,最后多一行放置导出时间 二、技术选型:我非常喜欢用Huto......
  • Vue Core 8
    namespaceWebApplication2{publicclassProgram{publicstaticvoidMain(string[]args){varbuilder=WebApplication.CreateBuilder(args);builder.Services.AddSpaStaticFiles(configuration:options=>{......
  • 说说Vue 3.0中Treeshaking特性?举例说明一下?
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 一、是什么Treeshaking 是一种通过清除多余代码方式来优化项目打包体积的技术,专业术语叫 Deadcodeelimination简单来讲,就是在保持代码运行结果不变的前提下,去除无用的代码如果把代码打包比作制作蛋糕,传统......
  • Vue学习笔记39--创建Vue脚手架
    创建Vue脚手架1.Vue脚手架是Vue官方提供的标准开发工具(开发平台)2.脚手架最新版本4.x3.文档:https://cli.vuejs.org/zh/操作步骤:第一步:(仅第一次执行):全局安装@vue/cli(commandlineinterface)注:安装钱建议先设置镜像==》npmconfigsetregisterhttps://registry.npm.taoba......
  • VUE Grid的写法
    <template><table><thead><tr><thv-for="colingridColumns":key="col">{{col}}</th></tr></thead><tbody><tr......
  • VUE GRID WITH COMPONENT排序
    父组件:<!--Anexampleofcreatingareusablegridcomponentandusingitwithexternaldata.--><scriptsetup>importDemoGridfrom'../components/Grid.vue'import{ref}from'vue'constsearchQuery=ref('')......
  • openstack报错
     1、openstack_compute_servergroup_v2.servergroup_vm-qa-cloudconfig-sidecar:Creating...41Error:Errorcreatingopenstack_compute_servergroup_v2vm-qa-cloudconfig-sidecar:Requestforbidden:[POSThttp://opensxxxtroller.xx.xx.com:xxxx/v2.1/os-server-gro......
  • Vue生命周期
    vue官网图示初始化阶段首先进行一些初始化操作,主要是设置一些私有属性。运行beforeCreate钩子。进入注入阶段:处理props,data,computed,watch,methods,provide等。运行created钩子。生成render函数:如果有render配置直接使用;没有的话使用编译器把模板字符串编译为render函数。运......
  • npm+vue打包静态文件+端口转发
    先说要点,再showcode1,nginx转发不要填写127.0.0.1,localhost等ip地址2,location根路径要加try_file选项,请求转发到index.html3,如果有path有/,那就都带上/ 我的nginx.conf#userroot;worker_processes1;events{worker_connections1024;}http{inclu......