嘗試在 VSCode 上安裝 Prettier

Question

我正在LinkedIn Learning上與“Morten Rand-Hendriksen”一起學習 JavaScript。 教練說我們需要在我們的VSCode上安裝“Prettier”。 他說從 VSCode 的“擴展”安裝后，我們將打開 VSCode 上的練習文件夾並在終端npm install ，但是當我這樣做時會出現此消息。

PS C:\Users\ytrip\OneDrive\Desktop\javascript-essential-training-2832077-main> npm install
node:internal/modules/cjs/loader:364
      const err = new Error(
                  ^

Error: Cannot find module 'C:\Program Files\nodejs\node_modules\npm\node_modules\are-we-there-yet\node_modules\readable-stream\readable.js'. Please verify that the package.json has a valid "main" entry
    at tryPackage (node:internal/modules/cjs/loader:364:19)
    at Function.Module._findPath (node:internal/modules/cjs/loader:577:18)
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:942:27)
    at Function.Module._load (node:internal/modules/cjs/loader:804:27)
    at Module.require (node:internal/modules/cjs/loader:1028:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\are-we-there-yet\lib\tracker-stream.js:3:14)
    at Module._compile (node:internal/modules/cjs/loader:1126:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10)
    at Module.load (node:internal/modules/cjs/loader:1004:32) {
  code: 'MODULE_NOT_FOUND',
  path: 'C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\are-we-there-yet\\node_modules\\readable-stream\\package.json',   
  requestPath: 'readable-stream'
}
node:internal/modules/cjs/loader:364
      const err = new Error(
                  ^

Error: Cannot find module 'C:\Program Files\nodejs\node_modules\npm\node_modules\are-we-there-yet\node_modules\readable-stream\readable.js'. Please verify that the package.json has a valid "main" entry
    at tryPackage (node:internal/modules/cjs/loader:364:19)
    at Function.Module._findPath (node:internal/modules/cjs/loader:577:18)
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:942:27)
    at Function.Module._load (node:internal/modules/cjs/loader:804:27)
    at Module.require (node:internal/modules/cjs/loader:1028:19)
    at require (node:internal/modules/cjs/helpers:102:18)
    at Object.<anonymous> (C:\Program Files\nodejs\node_modules\npm\node_modules\are-we-there-yet\lib\tracker-stream.js:3:14)
    at Module._compile (node:internal/modules/cjs/loader:1126:14)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1180:10)
    at Module.load (node:internal/modules/cjs/loader:1004:32) {
  code: 'MODULE_NOT_FOUND',
  path: 'C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\are-we-there-yet\\node_modules\\readable-stream\\package.json',   
  requestPath: 'readable-stream'
}

我是這個領域的新手，我真的找不到這個問題的解決方案。 所以我很感激你的幫助。 不幸的是，LinkedIn Learning 的討論論壇中沒有提供任何幫助。

package.json ：

{
  "name": "javascript-essential-training-exercise-files",
  "version": "1.0.0",
  "description": "Repository for exercise files used in the LinkedIn Learning course `JavaScript Essential Training` instructed by Morten Rand-Hendriksen and published 2020.",
  "main": "index.html",
  "author": "Morten Rand-Hendriksen",
  "license": "SEE LICENSE IN LICENSE",
  "devDependencies": {
    "eslint": "^7.11.0",
    "eslint-config-standard": "^14.1.1",
    "eslint-plugin-import": "^2.22.0",
    "eslint-plugin-node": "^11.1.0",
    "eslint-plugin-promise": "^4.2.1",
    "eslint-plugin-standard": "^4.0.1",
    "prettier": "^2.1.2"
  }
}

如果有人想看看，這個練習文件夾的存儲庫就在這里。

Answer 1

您可以查看此參考。 我認為您的問題與此相同，您可以閱讀並嘗試此解決方案： 錯誤：嘗試時找不到模塊“C:\Program Files\nodejs\node_modules\npm\bin\node_modules\npm\bin\npm-cli.js”運行 npm

希望你能解決你的問題。

Answer 2

因此，盡管我從 StackOverFLow 和 npm GitHub 支持以及我所做的所有搜索中收到了所有建議的解決方案，但沒有一個對我有用，所以我開始嘗試自己解決它，幸運的是，我找到了一個解決方案問題。

問題

所以出現問題是因為npm終端試圖在目錄C:\Program Files\nodejs\node_modules\npm\bin\node_modules\npm\bin\中查找文件，如果您注意到，子目錄node_modules\npm\bin重復了兩次即使實際正確的目錄是C:\Program Files\nodejs\node_modules\npm\bin ，這就是導致錯誤MODULE_NOT_FOUND的原因，因為它顯然無法在那里找到模塊。

修復

所以為了解決這個問題，我在bin文件夾中新建了一個文件夾， npm正在尋找的node_modules文件夾復制到該目錄中。 這最終解決了問題！ 我不知道為什么npm試圖搜索該目錄中的模塊，但是我希望它可以被 npm 修復，因為我與他們分享了這個結論。

希望這可以幫助任何像我一樣嘗試學習但面臨這個問題的人。

Answer 3

您是否嘗試刪除您的 node_modules 文件夾在某些情況下它可以工作