vue中@路径无法跳转到指定文件的解决

vue @路径无法跳转到指定文件

在vue项目下创建jsconfig.json

jsconfig.json文件中添加如下代码：

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["src/*"]
    },
    "target": "ES6",
    "allowSyntheticDefaultImports": true
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules"]
}

webstorm vue项目@路径不能跳转到对应资源,提示Cannot find declaration to go to

问题

按住ctrl无法跳转相应路径界面

解决方案

左上角 File | Settings | Webpack | Manually配置 相应项目下的node_modules\@vue\cli-service\webpack.config.js文件路径

配置完成

点击apply后，webstorm右下角弹出弹窗问是否要运行刚刚的配置，记得点击运行

（本人因为配置完成后，右下角弹窗一直没看见，未点击运行，反复配置了很久，一直不生效，为自己的操作做个笔记！！！）

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。