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

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