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实现lodop打印功能的示例
这篇文章主要介绍了vue实现lodop打印功能的示例，帮助大家更好的理解和使用vue框架，感兴趣的朋友可以了解下
2020-11-11
vue3+ts+element-plus实际开发之统一调用弹窗封装的详细过程
这篇文章主要介绍了vue3+ts+element-plus实际开发之统一调用弹窗封装的详细过程,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧
2024-03-03
Vue使用antd组件a-form-model实现数据连续添加功能
这篇文章主要介绍了Vue使用antd组件a-form-model实现数据连续添加功能,本文结合示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-12-12
VUE Token的失效处理详解
这篇文章主要为大家介绍了VUE Token的失效处理，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助
2021-11-11
vue实现登陆页面开发实践
本文主要介绍了vue实现登陆页面开发实践，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-05-05
vue.js element-ui validate中代码不执行问题解决方法
这篇文章主要介绍了vue.js element-ui validate中代码不执行问题解决方法,需要的朋友可以参考下
2017-12-12
Vue 计数器的实现
这篇文章主要介绍了Vue 计数器的实现，主要利用HTML实现步骤现在页面上简单实现一个计数器，内容简单且详细,需要的朋友可以参考一下
2021-10-10
vue代理请求之Request failed with status code 404问题及解决
这篇文章主要介绍了vue代理请求之Request failed with status code 404问题及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-07-07
如何在基于vue-cli的项目自定义打包环境
本篇文章主要介绍了在基于vue-cli的项目自定义打包环境，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-11-11
分享Vue组件传值的几种常用方式(一)
这篇文章主要给大家分享的是Vue组件传值的几种常用方式，文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的朋友可以参考一下
2022-09-09