angular - Angular 应用程序已停止运行，并将文件夹“node_modules”错误放置到“src”中

Question

我有一个 Angular 应用程序，在我尝试运行数月未触及代码后现在运行良好，ng serve它向我显示以下错误

An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/package.json'
Require stack:
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\architect\node\index.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\models\architect-command.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\commands\serve-impl.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\schematics\tools\export-ref.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\schematics\tools\index.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\utilities\json-schema.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\models\command-runner.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\lib\cli\index.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\lib\init.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\bin\ng
See "C:\Users\MGG\AppData\Local\Temp\ng-5bEONa\angular-errors.log" for further details. 

重要的

当我跑步时，ng version我收到了这个错误

D:\MAO\repos\ApParquear\src>ng version 发生未处理的异常：ENOENT: no such file or directory, scandir 'D:\MAO\repos\ApParquear\node_modules'

而且我已经检查过该文件夹不存在，node_modules我正在工作的“src”文件夹中有一个文件夹，所以我的项目结构中的某些东西似乎是错误的，我该如何解决？

我尝试过的事情

所以我尝试运行这个命令：

npm install --save-dev @angular-devkit/build-angular

在那次安装之后，我在明显成功安装后收到许多这样的警告

npm WARN optional SKIPPING OPTIONAL DEPENDENCY: wrappy@1.0.2 (node_modules\webpack-dev-server\node_modules\fsevents\node_modules\wrappy):       
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename 'D:\MAO\repos\ApParquear\src\node_modules\webpack-dev-server\node_modules\fsevents\node_modules\wrappy' -> 'D:\MAO\repos\ApParquear\src\node_modules\webpack-dev-server\node_modules\fsevents\node_modules\.wrappy.DELETE'
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: yallist@3.1.1 (node_modules\webpack-dev-server\node_modules\fsevents\node_modules\yallist):     
npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename 'D:\MAO\repos\ApParquear\src\node_modules\webpack-dev-server\node_modules\fsevents\node_modules\yallist' -> 'D:\MAO\repos\ApParquear\src\node_modules\webpack-dev-server\node_modules\fsevents\node_modules\.yallist.DELETE'

+ @angular-devkit/build-angular@0.900.7
added 1011 packages from 531 contributors and audited 11775 packages in 118.015s

31 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

所以在那之后我尝试了“ng serve”但仍然得到同样的错误

An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/package.json'
Require stack:
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\architect\node\node-modules-architect-host.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\architect\node\index.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\models\architect-command.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\commands\serve-impl.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\schematics\tools\export-ref.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\node_modules\@angular-devkit\schematics\tools\index.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\utilities\json-schema.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\models\command-runner.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\lib\cli\index.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\lib\init.js
- C:\Users\MGG\AppData\Roaming\npm\node_modules\@angular\cli\bin\ng
See "C:\Users\MGG\AppData\Local\Temp\ng-TsMNQa\angular-errors.log" for further details.

我搜索了很多东西，我什至尝试从节点的 8 版迁移到 12 版，但情况更糟。

所以显然我的项目结构缺少一些重要的东西，我该如何解决它们？

标签： angularnpm

Answer 1

在项目的根文件夹中运行npm install，这将安装package.json文件中所有缺少的依赖项（所有缺少的依赖项）。

你试过npm install --save-dev @angular-devkit/build-angular了，但这不一样npm install