亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

vue3.0找不到模塊“./App.vue”或其相應(yīng)的類(lèi)型聲明(多種情況分析)

 更新時(shí)間:2023年02月07日 10:52:43   作者:Jim-zf  
這篇文章主要介紹了vue3.0找不到模塊“./App.vue”或其相應(yīng)的類(lèi)型聲明,報(bào)錯(cuò)原因是typescript?只能理解?.ts?文件,無(wú)法理解?.vue文件,本文通過(guò)多種情況分析給大家詳細(xì)講解,需要的朋友可以參考下

腳本之家推薦書(shū)籍,點(diǎn)擊直接跳轉(zhuǎn)京東官方商城購(gòu)買(mǎi)

// vue3 報(bào)錯(cuò)提示 找不到模塊“./XXX.vue”或其相應(yīng)的類(lèi)型聲明

// 報(bào)錯(cuò)原因:typescript 只能理解 .ts 文件,無(wú)法理解 .vue文件

//報(bào)錯(cuò)原因:javascript 只能理解 .js 文件,無(wú)法理解 .vue文件

情況一、vue3.0+js

根目錄新建jsconfig.json

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

解決問(wèn)題:

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

情況二、vue3.0+ts

方案一、

根目錄新建env.d.ts

// vue3 報(bào)錯(cuò)提示 找不到模塊“./XXX.vue”或其相應(yīng)的類(lèi)型聲明
// 報(bào)錯(cuò)原因:typescript 只能理解 .ts 文件,無(wú)法理解 .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
  }

也可解決問(wèn)題。缺點(diǎn)需要一直打開(kāi)

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

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

到此這篇關(guān)于vue3.0找不到模塊“./App.vue”或其相應(yīng)的類(lèi)型聲明。的文章就介紹到這了,更多相關(guān)vue3.0找不到模塊內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論