Vue3学习-用 vite@latest 初始化项目后,引入模块出现:找不到模块 ‘@/***

引入模块时遇到路径错误

因为没有默认配置别名,需要在 vite.config.ts 与 tsconfig.json 添加配置

js 复制代码
//vite.config.ts
export default defineConfig({
    resolve:{
        alias:{
            '@':path.resolve(__dirname,'./src')
        }
    }
})
js 复制代码
//tsconfig.json
{
	  "compilerOptions": {
		    "baseUrl": "./",
		    "paths": {
		      "@/*": ["./src/*"]
		    },
			......其他
	   }
}
相关推荐
灬ManongLai1 个月前
Vue3 + Vite + TS,使用 配置项目别名属性:resolve
前端·javascript·vite·resolve·配置别名
荣--2 个月前
Windows 快速启动器
python·alias
哎呦,帅小伙哦3 个月前
深入了解 alias 命令
开发工具·alias
Amd7946 个月前
Nuxt.js 应用中的 app:resolve 事件钩子详解
中间件·app·生命周期·nuxt·插件·resolve·钩子
Commas.KM7 个月前
【数据库|第10期】SQL Server、Access和Sqlite 的表别名详解
数据库·sql·sqlserver·sqlite·alias·access·表别名
Commas.KM7 个月前
【数据库|第9期】SQL Server、Access和Sqlite 的字段别名详解
数据库·sql·sqlserver·sqlite·字段别名·alias·access
188_djh9 个月前
# linux 系统中,使用 “ ll “ 命令报错 “ bash ll command not found “ 解决方法:
linux·chrome·bash·bashrc·alias·ll·ls -l
YuShiYue10 个月前
vite+ts配置之项目别名以及后缀省略
前端·vue3·vite·vite别名·ts别名
恒悦sunsite10 个月前
Linux常见故障处理之df命令卡住不输出
linux·nfs·alias·df-h卡住不输出·linux常见故障