Option ‘importsNotUsedAsValues‘ has been removed. Please remove it from your configuration

最新推荐文章于 2025-04-07 09:45:47 发布

渣渣灰飞

最新推荐文章于 2025-04-07 09:45:47 发布

阅读量608

点赞数 5

文章标签： typescript vue-tsc

本文链接：https://blog.csdn.net/flhhly/article/details/143909243

版权

vue3+ts+vite项目，，tsconfig.json文件老是爆红，导致类型校验一直失败

// tsconfig.json
{
	"extends": "@vue/tsconfig/tsconfig.web.json",
	"include": [
		"types/*.d.ts",
		"src/**/*",
		"src/**/*.vue",
		"src/**/*.ts",
		"src/**/*.d.ts"
	],
	"compilerOptions": {
		"target": "esnext",
		"module": "esnext",
		"strict": true,
		"jsx": "preserve",
		"moduleResolution": "node",
		"esModuleInterop": true,
		"allowSyntheticDefaultImports": true,
		"resolveJsonModule": true,
		"ignoreDeprecations": "5.0",
		"verbatimModuleSyntax": true,
		"experimentalDecorators": true,
		"preserveValueImports": false,
		"useDefineForClassFields": true,
		"baseUrl": "./",
		"lib": ["esnext", "dom", "dom.iterable", "scripthost"],
		"paths": {
			"@/*": ["./src/*", "src/types/*"]
		},
		"types": ["element-plus", "node", "nprogress"]
	},
	"references": [
		{
			"path": "./tsconfig.node.json"
		}
	]
}

查了好多，有的说加上 "ignoreDeprecations": "5.0","verbatimModuleSyntax": true,就可以了，后来经过尝试，按照下面方法可以消除警告，通过校验

"importsNotUsedAsValues": "remove",

"ignoreDeprecations": "5.0",

"verbatimModuleSyntax": true,

下面是完整的tsconfig.json文件

{
	"extends": "@vue/tsconfig/tsconfig.web.json",
	"include": [
		"types/*.d.ts",
		"src/**/*",
		"src/**/*.vue",
		"src/**/*.ts",
		"src/**/*.d.ts"
	],
	"compilerOptions": {
		"target": "esnext",
		"module": "esnext",
		"strict": true,
		"jsx": "preserve",
		"moduleResolution": "node",
		"esModuleInterop": true,
		"allowSyntheticDefaultImports": true,
		"resolveJsonModule": true,
		"importsNotUsedAsValues": "remove",
		"ignoreDeprecations": "5.0",
		"verbatimModuleSyntax": true,
		"experimentalDecorators": true,
		"preserveValueImports": false,
		"useDefineForClassFields": true,
		"baseUrl": "./",
		"lib": ["esnext", "dom", "dom.iterable", "scripthost"],
		"paths": {
			"@/*": ["./src/*", "src/types/*"]
		},
		"types": ["element-plus", "node", "nprogress"]
	},
	"references": [
		{
			"path": "./tsconfig.node.json"
		}
	]
}