快捷導(dǎo)航

VSCode報(bào)錯(cuò):Vetur?can't?find?'tsconfig.json'?or?'jsconfig.json'解決辦法

更新時(shí)間：2022年08月12日 09:40:52 作者：hongc93

最近在使用VScode打開(kāi)項(xiàng)目時(shí)發(fā)現(xiàn)報(bào)錯(cuò)了,所以下面這篇文章主要給大家介紹了關(guān)于VSCode報(bào)錯(cuò):Vetur?can‘t?find?‘tsconfig.json‘?or?‘jsconfig.json‘解決辦法,需要的朋友可以參考下

原因

Vetur 0.31.0版本新增了一個(gè)vetur.config.js的配置文件，

在這個(gè)版本之后，會(huì)優(yōu)先查找項(xiàng)目中是否配有tsconfig.json（ts項(xiàng)目）或者jsconfig.json（js項(xiàng)目），

沒(méi)找到這2個(gè)文件就去找vetur.config.js，如果都沒(méi)有，就會(huì)拋出這個(gè)提示。

說(shuō)明

VSCode的JavaScript支持可以在兩種不同的模式下運(yùn)行：

文件范圍（沒(méi)有jsconfig.json）

在此模式下，在VSCode中打開(kāi)的JavaScript文件被視為獨(dú)立單元。

只要文件a.js沒(méi)有顯式引用文件b.ts（使用///引用指令或CommonJS模塊），兩個(gè)文件之間就沒(méi)有共同的項(xiàng)目上下文。

顯式項(xiàng)目（使用jsconfig.json）

JavaScript項(xiàng)目是通過(guò)jsconfig.json文件定義的。目錄中存在此類(lèi)文件表示該目錄是JavaScript項(xiàng)目的根目錄。

文件本身可以選擇列出屬于項(xiàng)目的文件，要從項(xiàng)目中排除的文件，以及編譯器選項(xiàng)（見(jiàn)下文）。

當(dāng)您在工作空間中有一個(gè)定義項(xiàng)目上下文的jsconfig.json文件時(shí)，JavaScript體驗(yàn)會(huì)得到改進(jìn)。

因此，當(dāng)您在新工作空間中打開(kāi)JavaScript文件時(shí)，我們提供了一個(gè)創(chuàng)建jsconfig.json文件的提示。

解決方法（3選1）

1.配置Vetur插件，忽略提示：

vetur.ignoreProjectWarning: true

2.在項(xiàng)目根目錄創(chuàng)建jsconfig.json文件，加入代碼：

{
    "include": [
        "./src/*"
    ]
}

3.在項(xiàng)目根目錄創(chuàng)建vetur.config.js文件，加入代碼：

module.exports = {
    // vetur配置，會(huì)覆蓋vscode中的設(shè)置。  default: `{}`
    settings: {
        "vetur.useWorkspaceDependencies": true,
        "vetur.experimental.templateInterpolationService": true
    },
    // 普通項(xiàng)目采用默認(rèn)配置 default: `[{ root: './' }]`
}

總結(jié)

到此這篇關(guān)于VSCode報(bào)錯(cuò):Vetur can‘t find ‘tsconfig.json‘ or ‘jsconfig.json‘解決的文章就介紹到這了,更多相關(guān)Vetur can‘t find ‘tsconfig.json’ or ‘jsconfig.json’內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: