在使用 WebStrom 开发 Vue 项目时,碰到了 Ctrl + 左键跳转到组件时,Ctrl + 左键 失效问题,导致无法跳转到指定页面的问题。刚开始以为是和其他应用 快捷键 冲突的原因,然而最终也不是。

出现这个问题的原因,与 webpack 有关。是因为 WebStorm 中有专门的 webpack 的相关配置,默认的路径是项目根目录下的 webpack.config.js 。但是我们通过各种 cli 脚手架 生成的项目中,webpack 的配置一般都是在 build 目录下,从而导致 webpack 无法找到这个配置文件。因为解析不到项目中的配置文件,从而导致 Ctrl + 左键 无法跳转的问题。

2023-12-28T07:22:52.png

解决办法:
File------->Settings------->Languages & Frameworks------->JavaScript------->Webpack,修改webpack configuration file,如下图所示。指定当前项目的 webpack 配置文件,即可解决 WebStrom 中 Ctrl + 左键 无法跳转失效的问题了。

2023-12-28T07:23:01.png


WebStrom 开发 Vue,Ctrl + 左键 失效问题 ,至此介绍完毕

添加新评论

6 + 18 =