重新命名vue檔案後ts爆紅。檔案xxx不在專案xxx的檔案列表中。專案必須列出所有檔案,或使用 "include" 模式。

魂祈梦發表於2024-06-08

問題

重新命名vue檔案後,在另一個vue檔案中引入該檔案,會爆紅。
引入時我們寫的是正確的檔案路徑
image

ts.config.json中爆紅依然顯示舊的檔案。
image

分析

  1. npm run dev,可以正常執行,說明問題出在ts檢查上面。
  2. 假如寫一個不正確的路徑,會提示找不到模組,證明路徑匹配沒有問題。
    其實我並沒有分析出問題應該如何解決,我看到一篇文章,是說要開啟下圖中這個選項。
    image
    我發現確實有用,但是本著解決問題的決心,我試著又修改了一下vue檔案的檔名,發現還是爆紅。後面又找了很多方法,依然沒有解決。
    ↓ 又說關閉js/ts校驗的(ts關掉連路徑錯誤都檢測不出來了),並沒有用。
    image

後來我放棄了正常的解決途徑,因為重啟vscode可以解決問題,我就開始找有沒有方法能夠重新整理ts的檢查,最終找到了方法。

解決(不完美)

image
https://blog.csdn.net/qq_29917393/article/details/131305827

ctrl+shift+p,開啟命令皮膚(和sublime那個快捷鍵一樣),輸入ts server,重啟ts伺服器。

我試過過載專案,沒有用
image

結語

本來是想要繫結一個快捷鍵的,但是沒有合適的,Ctrl+R雖然沒怎麼用過,但是已經存在了繫結,而且還不少,全部解除總感覺有些不好,想想使用頻率不高,還是算了。
總得來說解決得並不完美,但是可能也沒有更好的解決方案了。不知道webstorm有沒有這種問題。

相關文章