Angular项目创建后npm install长时间无响应/终止问题求助

关于app.module.ts与路由文件的说明 #

Angular 17及以后版本默认采用独立组件模式，创建项目时不会自动生成app.module.ts和传统路由模块文件。你使用ng new TESTFILESNAME --no-standalone命令的思路是对的——这个参数会强制生成基于NgModule的项目结构，包含app.module.ts和app-routing.module.ts这类文件，但前提是npm依赖安装成功，否则项目核心文件可能无法完整生成。

npm安装失败的解决方法 #

针对npm install卡住或终止的问题，可尝试以下方案：

• 清理npm缓存：执行命令npm cache clean --force清除本地缓存后，重新尝试安装。
• 切换npm镜像源：国内网络环境下官方源访问可能缓慢，切换到国内镜像：

  npm config set registry https://registry.npmmirror.com/
  

  之后再执行npm install。
• 换用pnpm安装：pnpm的安装效率和缓存机制更优，先全局安装pnpm：

  npm install -g pnpm
  

  再在项目目录执行pnpm install。
• 检查网络与代理：确认网络稳定，若使用代理需配置npm代理：

  npm config set proxy http://你的代理地址:端口
  npm config set https-proxy http://你的代理地址:端口
  

  无代理则清空代理配置：

  npm config delete proxy
  npm config delete https-proxy
  

• 分步安装依赖：若自动安装卡住，可先安装核心依赖再执行全量安装：

  npm install @angular/core @angular/cli
  npm install
  

关于.angular与node_modules目录的疑问 #

• node_modules：必须在npm install（或pnpm install）执行成功后才会生成，存放项目所有依赖包，没有这个目录项目无法运行。
• .angular：这是Angular CLI的缓存目录，会在你第一次执行ng serve或ng build命令时自动生成，用于存储编译缓存、构建临时产物等，前提是node_modules已存在且依赖安装完整。

内容的提问来源于stack exchange，提问作者Kaja S.