jira-dev-tool外掛安裝失敗的解決方法

xiangzhihong發表於2022-12-28

最近,在執行【React + React Hook + TS 最佳實踐仿 Jira 企業級專案】的時候,安裝jira-dev-tool 外掛出現問題,參考:https://www.npmjs.com/package/jira-dev-tool。解決方法:在專案中執行:

npx msw init public
//或者  指定到public目錄下
npx msw init ./public

在專案中使用下面的命令進行安裝:

npx imooc-jira-tool

然後,修改src/index.ts程式碼。

import { loadDevTools } from "jira-dev-tool";

loadDevTools(() => {
  ReactDOM.render(
    <React.StrictMode>
      <AppProviders>
        <App />
      </AppProviders>
    </React.StrictMode>,
    document.getElementById("root")
  );
});

imooc-jira-tool提供了兩大基本的功能: 【分散式後端服務】和【HTTP 請求精準控制】。

1,分散式後端服務

MSW 以 Service Worker 的方式實現了"分散式後端"管理,所有請求被Service Worker代理。
在這裡插入圖片描述
後端邏輯處理後,以localStorage為資料庫進行增刪改查操作。
在這裡插入圖片描述
這樣每個同學的瀏覽器上都安裝了一個獨立的後端服務和資料庫,再也不受任何中心化服務的影響 點選'清空資料庫'便可以重置後端服務。
在這裡插入圖片描述

2,HTTP 請求精準控制

專案的健壯性被很多教學專案忽視,而作為一個最佳實踐的專案,健壯性是一個被重點關注的點。這個開發者工具可以精準地控制 HTTP請求的時間、失敗機率、失敗規則。
在這裡插入圖片描述

相關文章