vue3+ts+vite 配置‘@’之后能找到资源,但是vscode 报红

错误提示如下,但是实际资源能找到

Cannot find module '@/api/market' or its corresponding type declarations.ts(2307)

找不到模块“@/api/market”或其相应的类型声明。ts(2307)

解决方法

在env.d.ts 里添加如下代码

declare module '@/*'

另外补充一下我在各个文件中对@的配置

在tsconfig.json中添加如下代码

	"compilerOptions": {
		"types": ["node","@/*"],
		"baseUrl": ".",
		"paths": {
			"@/*": [
				"src/*"
			]
		}

在vite.config.ts中添加如下配置

import { defineConfig } from 'vite';
import path from 'path';
 
export default defineConfig({
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
});

在env.d.ts中添加如下代码

declare module '*.vue' {
  import { DefineComponent } from 'vue';
  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
  const component: DefineComponent<{}, {}, any>;
  export default component;
}

declare module '@/*';

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值