phpstorm @/目录引入提示找不到跳转声明

学习笔记 yekong

phpstorm开发vue项目过程中一般都会用@/来引入文件,但是在进行跳转的时候却提示找不到跳转声明.

phpstorm @/目录引入提示找不到跳转声明

这里使用的是vite来开发项目,我们查看phpstorm文档的说明后中文翻译如下:

PhpStorm 集成了 Vite 构建工具,提高了前端开发体验。Vite 由一个开发服务器和一个构建命令组成。开发服务器通过原生 ES 模块为您提供源文件。构建命令使用 Rollup 打包您的代码,它已经被预配置为为生产环境输出高度优化的静态资源。

PhpStorm 支持在 Vue 样式标签中的 tsconfig.jsonjsconfig.json 路径映射,并且能识别 Vite 别名。

在由多个模块组成并拥有不同 Vite 配置的项目中,PhpStorm 可以自动检测每个模块的相关配置文件,并使用来自该配置文件的模块解析规则,具体内容请参见下面的“指定要使用的 Vite 配置文件”。

意思是进行路径映射的话,是通过tsconfig.jsonjsconfig.json 来进行的。

这里我的项目是用js来开发的,所以我们在项目根目录vite.config.js同级目录下创建一个jsconfig.json文件,然后从其他可以正常跳转的项目中将关键代码复制过来。

jsconfig.json

jsconfig.json

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

创建完成后表示异常的波浪线就会消失,可以正常跳转了。

phpstorm @/目录引入提示找不到跳转声明异常波浪线消失

喜欢