快捷導(dǎo)航

VSCode報錯:Vetur?can't?find?'tsconfig.json'?or?'jsconfig.json'解決辦法

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

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

原因

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

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

沒找到這2個文件就去找vetur.config.js，如果都沒有，就會拋出這個提示。

說明

VSCode的JavaScript支持可以在兩種不同的模式下運行：

文件范圍（沒有jsconfig.json）

在此模式下，在VSCode中打開的JavaScript文件被視為獨立單元。

只要文件a.js沒有顯式引用文件b.ts（使用///引用指令或CommonJS模塊），兩個文件之間就沒有共同的項目上下文。

顯式項目（使用jsconfig.json）

JavaScript項目是通過jsconfig.json文件定義的。目錄中存在此類文件表示該目錄是JavaScript項目的根目錄。

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

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

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

解決方法（3選1）

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

vetur.ignoreProjectWarning: true

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

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

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

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

總結(jié)

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

您可能感興趣的文章: