[筆記] 初始化 create-react-app 搭配 pnpm 出現錯誤的解方

章節連結

pnpm 在啟用 Node 專案的快速性,讓人一用就很難不心動。不過在用 create-react-app 來架起 react 的 TS 專案時,會立刻顯示缺少 .npmrc 錯誤和缺乏 TS 型別的錯誤。這邊筆記一下解法。
notes-init-create-react-app-with-pnpm-error-1


內容

錯誤訊息主要有兩個,第一個是跟 pnpm 有關:

解決方法是在專案的根目錄下,新增一個 .npmrc 檔,內容填寫 auto-install-peers=true。存檔後,移除 node_modules 再安裝一次即可。

第二個是 TS 的型別錯誤 Property ‘toBeInTheDocument’ does not exist on type ‘JestMatchers<HTMLElement>’。補上對應的型別套件 @types/testing-library__jest-dom 即可


參考資料

1. create-react-app with pnpm

按讚加入粉絲團

延伸閱讀