1. 程式人生 > 其它 >VSCode報錯Vetur can't find 'tsconfig.json' or 'jsconfig.json'的解決方法

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