本地的vue3项目 增加 vite-plugin-vue-devtools插件的依赖 遇到的问题与解决 分享

545 阅读1分钟

✅✅✅✅✅

我遇到的问题是 给老vue3项目增加这个 vite-plugin-vue-devtools 的支持。增加了对应的配置依赖项安装好依赖后 点击浏览器页面里的✳️无法在webstorm自动打开对应模块的.vue文件

image.png

image.png

image.png 鼠标放上去 点击✳️ webstorm无法正常打开组件对应的.vue文件

解决方法 1 比对着vue官方指导的 create vue@latest 创建新的空白项目的 配置信息在我原有项目进行同步vite vite-plugin-vue-devtools等版本号及node版本升级到18以上

3 关闭其他不相关的编辑器 访达里随便找一个.vue文件。设置.vue文件默认打开工具为 webstorm

2 把原有项目的node_modules 和 package_lock.json 删除后 重新安装依赖

【mac系统 node version:19+】