vue3.0找不到模块“./App.vue”或其相应的类型声明(多种情况分析)

更新时间：2023年02月07日 10:52:43 作者：Jim-zf

这篇文章主要介绍了vue3.0找不到模块“./App.vue”或其相应的类型声明,报错原因是typescript 只能理解 .ts 文件，无法理解 .vue文件，本文通过多种情况分析给大家详细讲解，需要的朋友可以参考下

情况一、vue3.0+js

根目录新建jsconfig.json

 {
    "compilerOptions": {
        "baseUrl": "./",
        "paths": {
            "@/*":[
                "src/*"
            ]
        }
    },
    "exclude": [
        "node_modeules",
        "dist"
    ]
}

解决问题：

import { createApp } from 'vue'
import './style.css'
import App from './App.vue'
 
createApp(App).mount('#app')

情况二、vue3.0+ts

方案一、

根目录新建env.d.ts

// vue3 报错提示 找不到模块“./XXX.vue”或其相应的类型声明
// 报错原因：typescript 只能理解 .ts 文件，无法理解 .vue文件
declare module '*.vue' {
    import type { DefineComponent } from 'vue'
    // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
    const component: DefineComponent<{}, {}, any>
    export default component
  }

也可解决问题。缺点需要一直打开

方案二、根目录新建tsconfig.json

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": false,
    "jsx": "preserve",
    "moduleResolution": "node"
  }
}

到此这篇关于vue3.0找不到模块“./App.vue”或其相应的类型声明。的文章就介绍到这了,更多相关vue3.0找不到模块内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

vue 解决mintui弹窗弹起来,底部页面滚动bug问题
这篇文章主要介绍了vue 解决mintui弹窗弹起来,底部页面滚动bug问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-11-11
vue移动端实现红包雨效果
这篇文章主要为大家详细介绍了vue移动端实现红包雨效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2018-07-07
Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)
这篇文章主要介绍了Vue中Table组件行内右键菜单实现方法，该项目是基于 vue + AntDesign的，具体实例代码给大家介绍的非常详细 ,需要的朋友可以参考下
2019-11-11
Vue element-ui父组件控制子组件的表单校验操作
这篇文章主要介绍了Vue element-ui父组件控制子组件的表单校验操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-07-07
vue实现四级导航及验证码的方法实例
我们在做项目经常会遇到多级导航这个需求,所以下面这篇文章主要给大家介绍了关于vue实现四级导航及验证码的相关资料,文章通过示例代码介绍的非常详细,需要的朋友可以参考下
2021-07-07
详解vue中配置代理(解决跨域请求)
这篇文章主要为大家详细介绍了vue如何通过配置代理来解决跨域请求的问题，文中的示例代码讲解详细，对我们深入学习vue有一定的帮助，感兴趣的小伙伴可以跟随小编一起学习一下
2023-08-08
vue3中的watch和watchEffect实例详解
watch和watchEffect都是监听器,但在写法和使用上有所区别,下面这篇文章主要给大家介绍了关于vue3中watch和watchEffect的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
2022-05-05
vue封装实现自动循环滚动的列表
在做数据大屏开发的过程中,经常出现需要对列表进行自动滚动的需求,所以本文就来为大家介绍一下如何利用vue封装一个自动循环滚动的列表吧
2023-09-09
详解最新vue-cli 2.9.1的webpack存在问题
这篇文章主要介绍了最新vue-cli 2.9.1的webpack存在问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-12-12
Vue渲染失败的几种原因及解决方案
这篇文章主要介绍了Vue渲染失败的几种原因及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-06-06