首次搭建Angular项目安装@angular/cli出现ENOENT错误如何处理
问题根因
你执行的Angular CLI全局安装命令语法不完整,缺失了install操作指令,导致npm误判需要读取当前目录下的package.json文件执行操作,但你当前的目录中没有该文件,因此触发了ENOENT找不到文件的报错。
你提交的报错信息如下:
C:\Users***\Documents\Codding\Angular>node -v v14.17.1
C:\Users***\Documents\Codding\Angular>npm -g @angular/cli npm ERR! code ENOENT npm ERR! syscall open npm ERR! path C:\Users***\Documents\Codding\Angular/package.json npm ERR! errno -4058 npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users***\Documents\Codding\Angular\package.json' npm ERR! enoent This is related to npm not being able to find a file. npm ERR! enoent
npm ERR! A complete log of this run can be found in: npm ERR! C:\Users***\AppData\Local\npm-cache_logs\2021-06-23T11_15_18_924Z-debug.log
解决步骤
- 执行正确的全局安装Angular CLI命令:
npm install -g @angular/cli
如果安装过程中出现网络超时、下载失败的问题,可切换为国内npm镜像源后再重试安装 - 安装完成后执行
ng version验证安装结果,命令行正常输出Angular CLI版本信息即为安装成功 - 初始化新的Angular项目执行
ng new 自定义项目名称,按照命令行提示选择样式预处理方案、是否启用路由等配置即可完成项目创建 - 进入生成的项目目录,执行
ng serve即可启动本地开发服务,默认访问地址为http://localhost:4200即可看到Angular应用的初始页面
内容的提问来源于stack exchange,提问作者cybermonkey

