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