npm WARN @typescript-eslint/eslint-plugin@1.6.0 需要 typescript@* 的同級

Question

我是 React 的新手，從構建應用程序開始，我在安裝依賴項時遇到了一個問題。 我想包含諸如material-ui/core 、 material-ui/icons 、 react-reveal 、 react-scroll和react-slick 。

使用此命令安裝時：

npm install @material-ui/core @material-ui/icons react-reveal react-scroll react-slick

它表明它們已經安裝，當我開始編碼時它沒有編譯它。

那是我想出這個錯誤的時候：

npm WARN @typescript-eslint/eslint-plugin@1.6.0 需要 typescript@* 的對等體，但沒有安裝。 您必須自己安裝對等依賴項。

npm WARN @typescript-eslint/parser@1.6.0 需要 typescript@* 的同級，但沒有安裝。 您必須自己安裝對等依賴項。

npm WARN @typescript-eslint/typescript-estree@1.6.0 需要 typescript@* 的同級，但沒有安裝。 您必須自己安裝對等依賴項。

npm WARN ts-pnp@1.1.2 需要 typescript@* 的對等點，但沒有安裝。 您必須自己安裝對等依賴項。

npm WARN tsutils@3.14.0 需要一個 typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev 但沒有安裝。 您必須自己安裝對等依賴項。

我錯過了什么？

Answer 1

嘗試這個：

1. 刪除“package-lock.json”文件
2. 在終端中，轉到項目所在的文件夾並鍵入“npm install --save typescript”
3. 然后輸入'npm install'

它幫助了我。

Answer 2

您也可以通過安裝 typescript 來解決這個問題（它清楚地寫在調試輸出中）

$ npm install typescript

您也可以使用其他包管理器來支持 npm，例如 pnpm 或 yarn。

更新：您還可以使用為您執行此操作的 npm 包。 當有許多對等依賴項時很有幫助。

該軟件包是npm-install-peers 。 如果您想對這些進行更多控制，您可能需要查看install-peerdeps

另外，請進一步閱讀此 StackOverflow 答案。

Answer 3

在嘗試重現相同錯誤時，在安裝了 Node 和 npm 的 Windows 10 機器上，創建了一個應用程序

npx create-react-app APP_NAME

如果我跑

npm start

如果我轉到 http://localhost:3000/ 應用程序將運行得很好

---

為了解決您遇到的問題，我只需安裝 Typescript

npm install typescript

這應該就足夠了。

Answer 4

我將列出每一個血腥的細節，以防萬一對某些人有幫助：

1. 如有必要，刪除 package-lock.json (rm package-lock.json)
2. 紗線添加@material-ui/core @material-ui/icons react-reveal react-scroll react-slick
3. 閱讀消息以確保添加了依賴項。 如果你看到任何，那么紗線也添加它們。
4. 進入你的 node_modules 目錄 (cd node_modules) 然后列出來確保你的所有包和依賴項都安裝了 (ls)
5. 檢查你的 App.js 以確保你的導入有正確的路徑（你是否真的應該有一個 ../ ）
6. 轉到運行 localhost:3000 的瀏覽器選項卡
7. 刷新頁面（對於 Chrome，它是您輸入 URL 位置左側的左上角順時針箭頭）

Answer 5

在 package.json 中添加：

"peerDependenciesMeta": {
"typescript": {
  "optional": true
}

}