Angular新项目src/app目录缺失app.module.ts问题求助
Angular新项目无app.module.ts的问题排查
问题重现
生成新Angular项目后,app.module.ts文件未自动生成,已执行以下操作但问题未解决:
- 更新Node.js至LTS版本:
nvm install --lts nvm use --lts nvm alias default 'lts/*'
- 重装全局Angular CLI:
npm uninstall -g @angular/cli npm cache verify npm install -g @angular/cli
此前曾成功生成过Angular项目,多次重新创建项目仍存在该问题。
常见原因与解决方法
- Angular 14+默认启用独立组件模式:从Angular 14开始,CLI生成新项目默认使用独立组件架构,不会创建
app.module.ts。如果需要传统NgModule结构,生成项目时添加--no-standalone参数:ng new your-project-name --no-standalone - 目录残留缓存干扰:如果在已有旧项目的目录下重新生成,可能存在缓存残留。删除当前项目目录,换一个全新的空目录执行
ng new命令。 - CLI版本与本地依赖不匹配:执行
ng version查看全局和本地CLI版本是否一致,若不一致,进入项目目录执行npm install @angular/cli@<全局版本号>同步版本。 - 安装过程有隐藏报错:重新执行
ng new时,仔细查看终端输出,是否有依赖安装失败、权限不足等报错,针对性解决后再重新生成项目。
内容的提问来源于stack exchange,提问作者melika zandi
相关产品推荐
相关产品推荐

