文章目錄

• • • • • 一、原因
        • 二、說明
        • 三、顯式項目
        • 四、解決方法（3選1）
        • • 4.1. 配置Vetur插件，忽略提示
          • 4.2.在項目根目錄創建jsconfig.json文件
          • 4.3.在項目根目錄創建vetur.config.js文件

一、原因

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）

4.1. 配置Vetur插件，忽略提示

"vetur.ignoreProjectWarning": true,

4.2.在項目根目錄創建jsconfig.json文件

加入代碼：

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

4.3.在項目根目錄創建vetur.config.js文件

加入代碼：

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

總結

以上是生活随笔為你收集整理的VS Code 报错Vetur can‘t find ‘tsconfig.json‘ or ‘jsconfig.json‘的解决方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。