1. 程式人生 > >Vue專案路徑正確但是引入組建報錯問題

Vue專案路徑正確但是引入組建報錯問題

最近遇到的,寫了一個元件,在其他的元件裡引用的時候報錯:This dependency was not found,找不到一開始以為是簡單的路徑問題,結果檢查發現都沒有問題,而且怎麼修改編譯也不可以,本來想第二天繼續解決結果莫名其妙好了,所以簡單猜測了一下原因和解決辦法測試有效。

原因分析:

專案使用 Vue Cli 3x 用了 npm run serve 命令,一旦有更新就會編譯。

推測是元件編譯順序的問題,因為這個元件是新寫的,所以在這個過程中,也直接把要引用的元件進行了修改。

舉例:新元件A,原有元件B,在B裡邊引用了新的元件A,然後儲存程式碼,這時候打包的時候應該是先編譯了B元件,但是A還沒有打包進app.js,所以報錯找不到。

解決方案:

寫完元件A的時候先儲存,打包一次,之後再新增到其他元件引用就可以了。