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

 更新时间:2023年10月13日 17:00:45   作者:会写代码的农民  
这篇文章主要介绍了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右下角弹出弹窗问是否要运行刚刚的配置,记得点击运行

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

总结

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

相关文章

  • Vue实现剪切板图片压缩功能

    Vue实现剪切板图片压缩功能

    这篇文章主要介绍了Vue实现剪切板图片压缩功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-02-02
  • vue实例中data使用return包裹的方法

    vue实例中data使用return包裹的方法

    今天小编就为大家分享一篇vue实例中data使用return包裹的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • VUEX 数据持久化,刷新后重新获取的例子

    VUEX 数据持久化,刷新后重新获取的例子

    今天小编就为大家分享一篇VUEX 数据持久化,刷新后重新获取的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • vue实现搜索小功能

    vue实现搜索小功能

    这篇文章主要为大家详细介绍了vue实现搜索小功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-11-11
  • Vue实现具备扫描和查看数据的二维码

    Vue实现具备扫描和查看数据的二维码

    在我们生活中,二维码的应用越来越广泛,特别是在移动互联网的时代,二维码成为了快速传达信息的一种利器,本文我们就来看看如何在Vue框架下,实现一个具备扫描和查看数据的二维码吧
    2023-05-05
  • element中Select选择器实现自定义显示内容

    element中Select选择器实现自定义显示内容

    在我们很多前端业务开发中,往往为了方便,都需要自定义一些用户组件,本文主要介绍了element中Select选择器实现自定义显示内容,感兴趣的可以了解一下
    2023-12-12
  • Vue中KeepAlive内置缓存使用详解

    Vue中KeepAlive内置缓存使用详解

    KeepAlive 是 vue 中的内置组件,当多个组件动态切换时可以对实例状态进行缓存,本文就来详细的介绍一下Vue中KeepAlive内置缓存使用,感兴趣的可以了解一下
    2023-10-10
  • Vue使用Print.js打印div方式(选中区域的html)

    Vue使用Print.js打印div方式(选中区域的html)

    这篇文章主要介绍了Vue使用Print.js打印div方式(选中区域的html),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • vue使用Vuex状态管理模式

    vue使用Vuex状态管理模式

    这篇文章介绍了vue使用Vuex状态管理模式的方法,文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-04-04
  • Vue (Vuex)中 store 基本用法

    Vue (Vuex)中 store 基本用法

    Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化,这篇文章主要介绍了Vue 中 store 基本用法,需要的朋友可以参考下
    2023-01-01

最新评论