文章摘要
这篇文章介绍了在VSCode中使用Vetur插件时，因缺少tsconfig.json或jsconfig.json而导致的报错问题，并提供了三种解决方案。首先，Vetur插件在0.31.0版本中新增了配置文件vetur.config.js，优先查找项目中的tsconfig.json或jsconfig.json。如果找不到这两个文件，插件会抛出提示。文章还解释了两种运行JavaScript的模式：文件范围（无jsconfig.json）和显式项目（使用jsconfig.json）。文件范围下，文件之间的项目上下文仅在显式引用或CommonJS模块时才相关；显式项目则通过jsconfig.json定义。文章还提供了三种解决方案：1）启用忽略提示选项；2）在项目根目录创建jsconfig.json文件；3）在项目根目录创建vetur.config.js文件并配置相关参数。
目录原因说明解决方法（3选1）总结
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文件的提示。
1.配置Vetur插件，忽略提示：
vetur.ignoreProjectWarning: true
2.在项目根目录创建jsconfig.json文件，加入代码：
{
“include”: [
“https://www.jb51.net/article/src/*”
]
}
3.在项目根目录创建vetur.config.js文件，加入代码：
module.exports={
// vetur配置，会覆盖vscode中的设置。 default: `{}`
settings: {
“vetur.useWorkspaceDependencies”: true,
“vetur.experimental.templateInterpolationService”: true
},
// 普通项目采用默认配置 default: `[{ root: ‘https://www.jb51.net/article/’ }]`
}
到此这篇关于VSCode报错:Vetur can‘t find ‘tsconfig.json‘ or ‘jsconfig.json‘解决的文章就介绍到这了,更多相关Vetur can‘t find ‘tsconfig.json’ or ‘jsconfig.json’内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章:VSCode远程连接服务器报错:Could not establish connection tovscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance＜{ readyOnly…Vetur（2339）vscode编译运行c语言报错乱码的解决