vite+ts配置alias(别名)时遇到的问题

vite+ts 配置 alias 后,打包时发现路径找不到的问题。

9093 热度
3031 浏览

打开 vite.config.ts 文件,在 defineConfig 里加入 resolve

注意:需要先引入 path、代码:import { resolve } from "path";

ts 复制代码
resolve: {
    alias: {"@": resolve(__dirname, "src")},
    extensions: ['.js', '.ts', '.vue']
}

配置完别名后,打包后发现报错 Cannot find module "@/store' or its corresponding type declarations 说根据此路径找不到此模块,那我们还需要在 tsconfig.json 文件中加入以下配置、注意:是在 compilerOprions 里加入 paths

ts 复制代码
"compilerOptions": {
    "paths": {
        "@\/*\": [\".\/src\/*\"]     //格式一定要写对符号*不能少不然找不到@或者没有代码提示
    }
}
vite+ts配置alias(别名)时遇到的问题

声明:Web前端小站 - 前端博客 - 王搏的个人博客|版权所有,违者必究|如未注明,均为原创

转载:转载请注明原文链接 - vite+ts配置alias(别名)时遇到的问题

评论 (0)

0/50
暂无评论,快来抢沙发吧~