文章目錄

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

一、原因

Vetur 0.31.0版本新增了一個vetur.config.js的配置文件，
在這個版本之后，會優(yōu)先查找項(xiàng)目中是否配有tsconfig.json（ts項(xiàng)目）或者jsconfig.json（js項(xiàng)目），
沒找到這2個文件就去找vetur.config.js，如果都沒有，就會拋出這個提示。

二、說明

VSCode的JavaScript支持可以在兩種不同的模式下運(yùn)行：
文件范圍（沒有jsconfig.json）
在此模式下，在VSCode中打開的JavaScript文件被視為獨(dú)立單元。
只要文件a.js沒有顯式引用文件b.ts（使用///引用指令或CommonJS模塊），兩個文件之間就沒有共同的項(xiàng)目上下文。

三、顯式項(xiàng)目

（使用jsconfig.json）

JavaScript項(xiàng)目是通過jsconfig.json文件定義的。目錄中存在此類文件表示該目錄是JavaScript項(xiàng)目的根目錄。
文件本身可以選擇列出屬于項(xiàng)目的文件，要從項(xiàng)目中排除的文件，以及編譯器選項(xiàng)（見下文）。
當(dāng)您在工作空間中有一個定義項(xiàng)目上下文的jsconfig.json文件時，JavaScript體驗(yàn)會得到改進(jìn)。
因此，當(dāng)您在新工作空間中打開JavaScript文件時，我們提供了一個創(chuàng)建jsconfig.json文件的提示。

四、解決方法（3選1）

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

"vetur.ignoreProjectWarning": true,

4.2.在項(xiàng)目根目錄創(chuàng)建jsconfig.json文件

加入代碼：

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

4.3.在項(xiàng)目根目錄創(chuàng)建vetur.config.js文件

加入代碼：

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。