[筆記] 初始化 create-react-app 搭配 pnpm 出現錯誤的解方 @地瓜大的飛翔旅程

章節連結

內容
參考資料

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

內容

錯誤訊息主要有兩個，第一個是跟 pnpm 有關：

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.

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 即可

參考資料

1. create-react-app with pnpm

按讚加入粉絲團

內容

參考資料

延伸閱讀