1. 程式人生 > 其它 >元件庫啟動不了的時候、如何測試新寫的元件?【本地除錯元件庫】

元件庫啟動不了的時候、如何測試新寫的元件?【本地除錯元件庫】

前因:元件庫 yarn start 失敗,原因不明。只能用 yarn link 了。

  • 進入元件庫目錄,在終端輸入 yarn link、回車。
    出現success字樣表示連結成功、這個包就被註冊到全域性了。關閉終端。

  • 接著在元件庫中開啟另一個終端,輸入 npm run local,回車。
    然後就會出現 Start watching [專案目錄] directory... 的資訊。
    元件庫編譯成功。這樣你就可以在本地除錯元件庫,同時在專案中同步檢視結果,而不是要等到釋出之後才能驗證。

  • 進入專案目錄,在終端輸入 yarn link [元件庫名稱]

    ,回車。

  • 現在就可以輸入 yarn start 啟動專案了

  • 想登出連結,在專案的終端輸入 yarn unlink,回車。

============================================================================

我的專案有點特殊,元件庫是多包的,我想除錯其中的A庫,這個時候怎麼辦呢?

  • 進入A庫的目錄,在該目錄下、在終端輸入 yarn link,回車。
    這個包就被註冊到全域性了。關閉終端。

  • 進入元件庫根目錄,在終端輸入 npm run local,回車。

  • 專案的終端輸入 yarn link [A庫的名字],回車。

  • 然後就可以通過 yarn start 啟動專案了。