一:項目中引入組件時出現的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