VSCode報錯Vetur can't find 'tsconfig.json' or 'jsconfig.json'的解決方法

原因

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

在這個版本之后，會優先查找項目中是否配有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項目的根目錄。

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

 

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

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

 

解決方法（3選1）

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

vetur.ignoreProjectWarning: true

 

2.在項目根目錄創建jsconfig.json文件，加入代碼：

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

 

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

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

 

引用鏈接

https://blog.csdn.net/jsjcmq/article/details/110926639

https://blog.csdn.net/Tom__cy/article/details/111031666

https://www.jianshu.com/p/b0ec870ddfdf