元件庫啟動不了的時候、如何測試新寫的元件?【本地除錯元件庫】
阿新 • • 發佈:2021-08-05
前因:元件庫 yarn start 失敗,原因不明。只能用 yarn link 了。
下面介紹一下如何使用 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
啟動專案了。