欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

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

腳本之家推薦書籍，點擊直接跳轉(zhuǎn)京東官方商城購買

// vue3 報錯提示 找不到模塊“./XXX.vue”或其相應(yīng)的類型聲明

// 報錯原因：typescript 只能理解 .ts 文件，無法理解 .vue文件

//報錯原因：javascript 只能理解 .js 文件，無法理解 .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”或其相應(yīng)的類型聲明
// 報錯原因：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"
  }
}

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

相關(guān)文章

最新評論