无法启动现有Angular应用:ERR_MODULE_NOT_FOUND问题求助
Angular项目npm start报错ERR_MODULE_NOT_FOUND的解决方法
问题描述
运行现有Angular应用执行
npm start时出现以下错误:An unhandled exception occurred: Cannot find module 'E:\mean-stack-example-main\client\node_modules\@angular\compiler\fesm2015\compiler.mjs' imported from E:\mean-stack-example-main\client\node_modules\@angular\compiler-cli\bundles\index.js [1] See "C:\Users\hp\AppData\Local\Temp\ng-vCkIMl\angular-errors.log" for further details. [1] E:\mean-stack-example-main\client\node_modules\@angular-devkit\architect\node_modules\rxjs\internal\util\hostReportError.js:4 [1] setTimeout(function () { throw err; }, 0); [1] ^ [1] [1] Error [ERR_MODULE_NOT_FOUND]: Cannot find module 'E:\mean-stack-example-main\client\node_modules\@angular\compiler\fesm2015\compiler.mjs' imported from E:\mean-stack-example-main\client\node_modules\@angular\compiler-cli\bundles\index.js [1] at new NodeError (node:internal/errors:393:5) [1] at finalizeResolution (node:internal/modules/esm/resolve:323:11) [1] at moduleResolve (node:internal/modules/esm/resolve:916:10) [1] at defaultResolve (node:internal/modules/esm/resolve:1124:11) [1] at nextResolve (node:internal/modules/esm/loader:163:28) [1] at ESMLoader.resolve (node:internal/modules/esm/loader:841:30) [1] at ESMLoader.getModuleJob (node:internal/modules/esm/loader:424:18) [1] at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:76:40) [1] at link (node:internal/modules/esm/module_job:75:36) { [1] code: 'ERR_MODULE_NOT_FOUND' [1] }新建Angular项目可正常运行,但克隆的GitHub项目及本地旧项目均出现该错误。
解决步骤
清理依赖并重新安装
- 删除项目根目录下的
node_modules文件夹和package-lock.json文件 - 执行命令清理npm缓存:
npm cache clean --force - 重新安装依赖:
npm install
- 删除项目根目录下的
检查Angular版本一致性
打开项目的package.json文件,确认@angular/compiler和@angular/compiler-cli的版本号完全一致。如果版本不同,手动修改为相同版本后,重新执行npm install。匹配Node.js版本
查看项目的package.json中engines字段(或项目README文档)指定的Node.js版本要求,使用版本管理工具(如nvm)切换到对应版本后,重新安装依赖并启动项目。清理Angular CLI缓存
执行命令清理Angular CLI的缓存:ng cache clean手动修复缺失模块
如果上述方法无效,检查node_modules/@angular/compiler目录下是否存在fesm2015/compiler.mjs文件:- 若不存在,手动安装对应版本的
@angular/compiler:npm install @angular/compiler@<项目指定的版本号>
- 若不存在,手动安装对应版本的
内容的提问来源于stack exchange,提问作者moaz ahmad
相关产品推荐
相关产品推荐

