VUE之WebStorm配置

一:项目中引入组件时出现的Module is not installed问题

如图,在vue项目中import自己定义的组件时,‘@/setting’出现下划线,ctrl+右键点击不会跳转到对应组件。鼠标移上去显示Module is not installed,虽然不项目使用,但很影响视觉体验和文件查阅。

图中路径中有个@符号,这个符号是在build目录下的webpack.base.conf.js文件中定义的,代表当前项目的src目录。
在这里插入图片描述
之所以出现上述问题是因为在下图中的webpack中没有指定webpack 的配置文件,或者配置文件指定得不对。找到原因后解决方案就简单了,只需要将该配置文件路径正确配置即可,由于是开发环境,因此配置文件选择webpack.dev.conf.js,至此问题解决。
在这里插入图片描述
此时再次点击发现可以跳转到指定文件,且无波浪线
在这里插入图片描述

如果 配置了未立即生效,可以尝试重启webstorm

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章