webstorm问题解决:无法识别@处理方案
更新时间：2026年01月12日 09:01:15 作者：柳晓黑胡椒
在使用Vite和WebStorm时,如果`vite.config.ts`已经配置了路径别名`@`,但WebStorm无法识别,可以通过在项目根目录下创建`tsconfig.json`文件,并添加`baseUrl`和`paths`配置来解决,这样不仅可以让TypeScript正确解析路径别名,也能让WebStorm识别这些路径
问题
本地的 vite.config.ts 已经配置 @ 路径
但是，我用webstorm 上识别不了
解决
新增文件tsconfig.json，添加 baseUrl 和 paths 的配置，以告诉 TypeScript 和 WebStorm 如何解析路径别名
tsconfig.json
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/*": ["src/*"]
}
}
}
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
Vue3中的 computed,watch,watchEffect的使用方法
这篇文章主要介绍了Vue3中的 computed,watch,watchEffect的使用方法，文章围绕主题展开详细的内容介绍，具有一定的参考价价值，需要得小伙伴可以参考一下2022-06-06
这篇文章主要介绍了在 Vue.js中优雅地使用全局事件的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-02-02
在Vue项目中,Axios是一个非常流行的HTTP客户端,用于发送请求和接收响应,Axios拦截器是Axios的一个强大功能,它允许你在请求发送之前和响应返回之后对请求和响应进行处理和拦截,本文将结合实际案例,详细介绍如何在Vue中使用Axios拦截器,需要的朋友可以参考下2024-12-12
当我们使用vuex的时候，时不时能看到“更改Vuex中的store中的状态唯一办法就是提交mutations”，但是有没有试想过，我们不提交mutations其实也能修改state的值？答案是可以的，下面通过本文介绍下vuex修改state值的方法，感兴趣的朋友一起看看吧2022-11-11
详解Vue+axios+Node+express实现文件上传(用户头像上传)
这篇文章主要介绍了详解Vue+axios+Node+express实现文件上传(用户头像上传)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-08-08
vue中el-autocomplete与el-select的异同
本文主要介绍了vue中el-autocomplete与el-select的异同，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-05-05
EventBus是一种发布/订阅事件设计模式的实践。这篇文章主要介绍了vue采用EventBus实现跨组件通信及注意事项,需要的朋友可以参考下2018-06-06
这篇文章主要介绍了vue.js层叠轮播效果，非常不错，具有一定的参考借鉴价值 ,需要的朋友可以参考下2018-11-11
本篇文章给大家分享了Vue取消eslint语法限制的相关知识点内容，有兴趣的朋友们可以参考学习下。2018-08-08
React/vue开发报错TypeError:this.getOptions is not a function
这篇文章主要给大家介绍了关于React/vue开发报错TypeError:this.getOptions is not a function的解决方法,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-07-07
最新评论