pnpm 在啟用 Node 專案的快速性,讓人一用就很難不心動。不過在用 create-react-app 來架起 react 的 TS 專案時,會立刻顯示缺少 .npmrc 錯誤和缺乏 TS 型別的錯誤。這邊筆記一下解法。
內容
錯誤訊息主要有兩個,第一個是跟 pnpm 有關:
1 2 |
If you want peer dependencies to be automatically installed, add "auto-install-peers=true" to an .npmrc file at the root of your project. hint: If you don't want pnpm to fail on peer dependency issues, add "strict-peer-dependencies=false" to an .npmrc file at the root of your project. |
解決方法是在專案的根目錄下,新增一個 .npmrc 檔,內容填寫 auto-install-peers=true。存檔後,移除 node_modules 再安裝一次即可。
第二個是 TS 的型別錯誤 Property ‘toBeInTheDocument’ does not exist on type ‘JestMatchers<HTMLElement>’。補上對應的型別套件 @types/testing-library__jest-dom 即可