每当我尝试使用 Next.js 运行“npm run dev”时，都找不到错误模块答案

【问题标题】：ERROR MODULE NOT FOUND whenever I try to run 'npm run dev' using Next.js每当我尝试使用 Next.js 运行“npm run dev”时，都找不到错误模块
【发布时间】：2022-04-04 12:27:08
【问题描述】：

每当我运行 npm run dev 时，我都会收到此错误。

我尝试删除 node_modules 并使用 npm install 重新安装它，但没有成功。然后我尝试删除node_modules 和package-lock.json 并重新安装它们，但没有成功。我什至尝试将 Node 升级到最新版本，但我仍然遇到这个问题。

感谢我得到的任何帮助。提前谢谢你。

Error: Cannot find module 'C:\Users\jaydev\Desktop\ecommerce\fashionsite\node_modules\postcss\lib\parser'
    at createEsmNotFoundErr (node:internal/modules/cjs/loader:952:15)
    at finalizeEsmResolution (node:internal/modules/cjs/loader:945:15)
    at resolveExports (node:internal/modules/cjs/loader:473:14)
    at Function.Module._findPath (node:internal/modules/cjs/loader:513:31)
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:911:27)
    at Function.Module._load (node:internal/modules/cjs/loader:769:27)
    at Module.require (node:internal/modules/cjs/loader:997:19)
    at require (node:internal/modules/cjs/helpers:92:18)
    at Object.552 (C:\Users\jaydev\Desktop\ecommerce\fashionsite\node_modules\next\dist\compiled\postcss-scss\scss-syntax.js:1:11590)
    at __webpack_require__ (C:\Users\jaydev\Desktop\ecommerce\fashionsite\node_modules\next\dist\compiled\postcss-scss\scss-syntax.js:1:11735)
    at Object.560 (C:\Users\jaydev\Desktop\ecommerce\fashionsite\node_modules\next\dist\compiled\postcss-scss\scss-syntax.js:1:400)
    at __webpack_require__ (C:\Users\jaydev\Desktop\ecommerce\fashionsite\node_modules\next\dist\compiled\postcss-scss\scss-syntax.js:1:11735)
    at Object.290 (C:\Users\jaydev\Desktop\ecommerce\fashionsite\node_modules\next\dist\compiled\postcss-scss\scss-syntax.js:1:260)
    at __webpack_require__ (C:\Users\jaydev\Desktop\ecommerce\fashionsite\node_modules\next\dist\compiled\postcss-scss\scss-syntax.js:1:11735)
    at Object.632 (C:\Users\jaydev\Desktop\ecommerce\fashionsite\node_modules\next\dist\compiled\postcss-scss\scss-syntax.js:1:3733)
    at __webpack_require__ (C:\Users\jaydev\Desktop\ecommerce\fashionsite\node_modules\next\dist\compiled\postcss-scss\scss-syntax.js:1:11735) {
  code: 'MODULE_NOT_FOUND',
  path: 'C:\\Users\\jaydev\\Desktop\\ecommerce\\fashionsite\\node_modules\\postcss\\package.json'
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! fashionsite@0.1.0 dev: `next dev`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the fashionsite@0.1.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\jaydev\AppData\Roaming\npm-cache\_logs\2020-12-25T07_06_40_981Z-debug.log

包.json： { “名称”：“时尚网站”， “版本”：“0.1.0”， “私人”：真的， “脚本”：{ “开发”：“下一个开发”， “构建”：“下一个构建”， “开始”：“下一个开始” }, “依赖”：{ “下一个”：“10.0.4”， “反应”：“17.0.1”， “反应域”：“17.0.1” } }

【问题讨论】：

标签： node.js npm next.js

【解决方案1】：

停止您的开发服务器 (ctrl+c)
删除项目根文件夹中的.next 文件夹。
删除node_modules文件夹和package-lock.json文件。
运行npm cache clean --force
运行npm install
运行npm run dev

如果上述方法不起作用，请打开文件资源管理器并查看指定文件是否存在于指定路径上： C:\Users\jaydev\Desktop\ecommerce\fashionsite\node_modules\postcss\lib\parser.js

如果存在 Windows 权限问题，请尝试将您的项目文件夹移动到 desktop 以外的路径，如果问题已解决，请告诉我。

【讨论】：

是的，我按照您的第一步操作，但没有成功。所以我尝试将我的项目文件夹移动到文档，然后我检查了 parser.js 文件是否存在并且确实存在。我能够在浏览器和文本编辑器中看到该文件。但是当我删除 .js 并尝试访问模块节点时正在寻找但它不存在所以 idk。错误：找不到模块 'C:\Users\jaydev\Documents\ecommerce\fashionsite\node_modules\postcss\lib\parser' 。就像它在寻找解析器一样，但解析器在我的机器上不存在。只有 parser.js 文件存在。
.js 扩展名没有任何问题，所以请不要重命名文件，让它原样成为 parser.js。你能发布你的 package.json 文件内容吗？
{ "name": "fashionsite", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build" ：“下一个构建”，“开始”：“下一个开始”}，“依赖项”：{“下一个”：“10.0.4”，“react”：“17.0.1”，“react-dom”：“17.0. 1" } }
你试过清理 npm 缓存吗？我编辑了我的答案并添加了一个步骤 (4)
是的，不幸的是这不起作用，我遇到了同样的错误

【解决方案2】：

我遇到了类似的问题，发现当我在删除 node_modules 后运行 npm install 时，它没有正确安装所有依赖项，因为我的节点版本已切换回旧版本。

首先确保您的环境配置正确。为了我： nvm use 16.0.0 然后npm install

此外，当您运行 npm install 时，是否有任何消息出现在命令行中，说不满足依赖关系或类似的信息，可能会给您一些寻找位置的提示。

【讨论】：

【解决方案3】：

从你的项目文件夹中移动 next.config.js 文件，然后执行 npm run dev。

或

评论 next.config.js 的内容。

上述任何一种方法都有助于运行 npm run dev。

【讨论】：

【解决方案4】：

使用 npm run dev 时，请确保您位于正确的目录中。您也可以尝试切换到 yarn。

我发现这篇文章很有帮助 ->

https://hidayatabisena.medium.com/how-to-solve-npm-err-code-elifcycle-when-running-npm-run-dev-on-your-next-js-project-4794226d040f

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。

【解决方案5】：

确保你已经更新/升级

sudo apt update
sudo apt upgrade

在你运行这个命令之后

curl -fsSL https://deb.nodesource.com/setup_17.x | sudo -E bash 
sudo apt-get install -y nodejs

sudo apt install npm

使用最新的 node js repo 避免使用 sudo apt install nodejs..outdated..

【讨论】：