WebStorm无法正确识别Vue3组合式API的解决方案
更新时间：2021年02月18日 09:28:58 作者：氷泠
这篇文章主要介绍了WebStorm无法正确识别Vue3组合式API的解决方案，帮助大家更好的理解和学习使用vue框架，感兴趣的朋友可以了解下
1 问题描述
Vue3的组合式API无法在WebStorm中正确识别，表现为defineComponent等无法被识别：
2 尝试方案
猜想这种问题的原因是无法正确识别对应的Vue3库，笔者相信WebStorm是可以做到的，只是某些配置没有正确，笔者尝试过在设置的Libraries中勾选上node_modules，但是没有效果。
3 解决办法
最终的解决办法参考了此处（图源）：
选择node_modules文件夹，右键选择Mark Directory as，最后选择Not Excluded即可。
之后会花费一段时间索引，等待完成即可。
4 一些思考
看了一下WebStorm的文档，项目中的文件夹总共分为四类：
- Source：默认选项，所有文件夹默认都被视为Source除非设置为了Tests/Resource Root/Excluded
- Tests：标记为测试的文件夹
- Resource Root：资源文件夹，在输入某些需要资源的代码时，比如，会自动提示该文件夹路径下的资源文件
- Excluded：代码补全、代码导航等会忽略的文件夹。这个选项能提高WebStorm性能
在设置中搜索Directories可以发现node_modules默认是Excluded：
标记为Not Excluded后，就不是红色了：
因此解决并不难，只是无法正确识别的原因。
以上就是WebStorm无法正确识别Vue3组合式API的解决方案的详细内容，更多关于WebStorm无法正确识别Vue3组合式API的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要为大家介绍了VuePress使用Algolia实现全文搜索示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要为大家详细介绍了Vue computed计算属性的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
这篇文章主要介绍了解决vue-router 嵌套路由没反应的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
这篇文章主要介绍了Vue 实例事件,结合简单示例形势分析了vue.js事件响应与页面元素相关操作技巧,需要的朋友可以参考下2019-09-09
这篇文章主要为大家详细介绍了Vue生命周期的示例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
当用户在网站登录后,服务器会在其浏览器上设置一个包含登录信息的Cookie,通过这个Cookie,服务器能够识别用户是否已登录,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-09-09
本文主要介绍了vue项目中如何配置env环境的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
这篇文章主要介绍了Vue3中的Token失效拦截处理方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-08-08
这篇文章主要介绍了Vue 进入/离开动画效果，代码简单易懂，非常不错，具有参考借鉴价值,需要的朋友可以参考下2017-12-12
当使用Three.js加载GLB模型时,遇到加载错误常常是路径问题,解决方案：1. 将GLB模型文件置于public目录,避免打包时路径编码变化；2. 从node_modules的three库中复制draco解码器至public目录；3. 确认场景、摄像机和光源设置正确2024-10-10
最新评论