Angular 中The “@angular/compiler-cli” package was not properly installed

最新推荐文章于 2024-10-04 09:46:23 发布
原创 最新推荐文章于 2024-10-04 09:46:23 发布 · 5.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
本文为博主原创文章，转载时注明出处即可。交流共享，一起进步。
文章标签：

#angular

本文介绍了解决在使用npm安装Angular并创建项目时遇到的错误：“@angular/compiler-cli”包未正确安装”的方法。通过删除node_modules文件夹，对比项目文件，并重新执行npm install来解决问题。

npm安装好angular之后，创建项目 ng new my-app，打开项目时 ng serve –open
报错：The “@angular/compiler-cli” package was not properly installed

解决方法：

执下列命令

     a)    rm ./my-app/node_modules
     b)    diff  ./my-app/ ./myproject/    
     c)    npm install
Angular4中 “@angular/compiler-cli” 报错的解决方案
weixin_34292402的博客
10-31 2359
本人初学Angular，跟着官网教程时通过ng new my-app创建项目后，在ng serve --open时，会报如下错误：The "@angular/compiler-cli" package was not properly installed. Error: Error: Cannot find module '@angula...
ionic build -- prod Error: Cannot find module ‘@angular/compiler-cli/ngtools2‘
zoro_Dcup的专栏
08-10 1011
ionic build 正常 ionic build -- prod报错。报错日志如下： ionic-app-script task: "build" [09:10:58] Error: Cannot find module '@angular/compiler-cli/ngtools2' Error: Cannot find module '@angular/compiler-cli/ngtools2' at Function.Module._resolveFilename (intern
angular2项目下载后运行以及报错，The "@angular/compiler-cli" package was not properly installed
thesameguo的博客
08-16 3571
我喜欢直接给代码或者截图说明，所有的口头上说的都是垃圾，解决不了问题 完整报错：The "@angular/compiler-cli" package was not properly installed. Error: Error: Canno t find module '@angular/compiler-cli' 先说运行方法，当你在其他地方下载了项目源码后，直接运行
The "@angular/compiler-cli" package was not properly installed. Error: TypeError: Cannot read proper...
weixin_30730151的博客
09-14 330
这次一定要好好分析一下这个狗皮膏药一样的问题到底是为什么出现，还这么频繁的出现！ 问题描述如下，执行npm start时出现@angular/compiler-cli没有正确安装，并且属性Private没有定义。如下图1 这次为了彻底解决这个问题，注意看一下细节 看到问题出现的地方，找到错误路径node_modules\@ngtools\webpack\src\index.js(14...
Angular4.0 启动项目时，报错：The “@angular/compiler-cli” package was not properly installed
llkui
07-17 3973
通过ng new my-app创建项目后， 在ng serve --open时，会报如下错误 The “@angular/compiler-cli” package was not properly installed 解决方案如下 1、进入my-app目录，将node_modules文件删除 2、通过命令npm install，重新下载
The “@angular/compiler-cli” package was not properly installed
weixin_30516243的博客
09-14 153
Upgrading my project toAngular 4.0(from 2.4) withAngular CLI 1.0(from beta.31) Linux的看这里https://stackoverflow.com/questions/43351136/the-angular-compiler-cli-package-was-not-properly-installed...
详解从angular-cli：1.0.0-beta.28.3升级到@angular/cli：1.0.0
08-30
本文将详细介绍如何从`angular-cli: 1.0.0-beta.28.3`升级到`@angular/cli: 1.0.0`。 **1. 前期准备** 在开始升级之前，确保你的开发环境满足最新Angular CLI的最低要求。当前，`@angular/cli`只支持Node.js 6.9.0...
Cannot find module ‘@angular-builders/custom-webpack/package.json‘
湾湾叉会儿腰的博客
11-18 2255
可能是资源加载问题 网上很多说法就是我没有这个资源，将这个资源加载就行了，但是我的问题是 Angular-builders/custom-webpack 是我不要的，我卸载不干净，导致运行时候出现问题。 常规套路来说，我只需要将 node_modules 删除，然后再将 package-lock.json 也删除了，避免影响我后续的加载，为了保险额外再清理一下缓存 npm cache clean --force，最后加载一下就行了，步骤如下： delete node_modules delete packa
Error: Could not find the ‘@angular-devkit/build-angular:dev-server‘ builder‘s node package.
weixin_45428910的博客
10-04 917
Error: Could not find the '@angular-devkit/build-angular:dev-server' builder's node package.
Angular中使用ng-zorro图标库部分图标不能正常显示问题
01-19
ERROR Error: [@ant-design/icons-angular]: the icon redo-o does not exist or is not registered. at IconNotFoundError (ant-design-icons-angular.js:159) at MapSubscriber.project (ant-design-icons-angular...
compiler-cli@^11.0.0
qq_25953937的博客
01-17 163
npm i @angular/compiler-cli@^11.0.0 如果要typescrirpt 4.0.0 同理 npm install -g typescript@~4.0.0
Angular-cli报错的解决办法
苞米洋
06-20 5578
The "@angular/compiler-cli" package was not properly installed. Error: The "@angular/compiler-cli" package was not properly installed. at Object. (/home/lfy/drweb/client/node_modules/@ngtools/webp
Angular 4.0从入门到实战
含笑
06-23 2万+
AngularJS 优点 模板功能强大丰富，并且是声明式的，自带了丰富的Angular指令； 是一个比较完善的前端MVC框架，包含模板，数据双向绑定，路由，模块化，服务，过滤器，依赖注入等所有功能； 自定义Directive，比jQuery插件还灵活，但是需要深入了解Directive的一些特性，简单的封装容易，复杂一点官方没有提供详细的介绍文档，我们可以通过阅读源代码来找到某些我们需要
【Angular2】NiceFish美人鱼项目启动遇到的问题
卷
04-19 6170
问题一 启动项目出现如下error：    原理： 暂不清晰， 目前认为是项目本身的问题。 项目作者在博文中给出了相应的解决方案。 具体解决方案：   如果之前装过angular-cli需要先卸载：npm uninstall -g angular-cli 如果之前装过@angular/cli需要先卸载：npm uninstall -g @angular/cli 如果你之前已经尝试安装
Angular cli升级报错解决方案
Next的博客
05-20 5029
报错 Local workspace file ('angular.json') could not be found. Error: Local workspace file ('angular.json') could not be found. at WorkspaceLoader._getProjectWorkspaceFilePath (/Users/next/projec...
【angular】angular报错：Versions of @angular/compiler-cli and typescript could not be determined.
陶洲川的博客
03-26 3388
1.新电脑跑augnlar项目报错，原因是明显的，没有装angular工具.顺便把ionic工具也装了； 2.先安装我要用的ionic和cordova工具 3.报错，报错信息如下： Versions of @angular/compiler-cli and typescript could not be determined. The most common reason for t...
安装Angular-Cli以及失败原因解决（Angular4.0）
热门推荐
03-07 5万+
由于Angular4升级了，旧版的Angular-Cli支持性不是很好，所以Angular-Cli也需要升级更新，本质就是删除掉以前的，再重新安装就好了。Angular-Cli is more than tool,it is a platform!一、安装Angular-Cli经过n次的失败安装，终于在最后一次安装成功，为了使同学们少走弯路，现将经验写下来：1、查看你的node以及npm版本：no...
❯ npm i npm error code ERESOLVE npm error ERESOLVE could not resolve npm error npm error While resolving: @ngrx/effects@15.2.1 npm error Found: @angular/core@17.3.12 npm error node_modules/@angular/core npm error @angular/core@"^17.0.0" from the root project npm error peer @angular/core@"17.3.12" from @angular/animations@17.3.12 npm error node_modules/@angular/animations npm error @angular/animations@"^17.0.0" from the root project npm error peerOptional @angular/animations@"17.3.12" from @angular/platform-browser@17.3.12 npm error node_modules/@angular/platform-browser npm error @angular/platform-browser@"^17.0.0" from the root project npm error 6 more (@angular/forms, @angular/platform-browser-dynamic, ...) npm error 4 more (@swimlane/ngx-charts, ng-devui, ng-zorro-antd, ngx-trend) npm error 18 more (@angular/cdk, @angular/common, @angular/compiler, ...) npm error npm error Could not resolve dependency: npm error peer @angular/core@"^15.0.0" from @ngrx/effects@15.2.1 npm error node_modules/@ngrx/effects npm error @ngrx/effects@"~15.2.1" from the root project npm error npm error Conflicting peer dependency: @angular/core@15.2.10 npm error node_modules/@angular/core npm error peer @angular/core@"^15.0.0" from @ngrx/effects@15.2.1 npm error node_modules/@ngrx/effects npm error @ngrx/effects@"~15.2.1" from the root project npm error npm error Fix the upstream dependency conflict, or retry npm error this command with --force or --legacy-peer-deps npm error to accept an incorrect (and potentially broken) dependency resolution. npm error npm error npm error For a full report see: npm error /Users/wanghaoxiang/.npm/_logs/2025-09-23T07_32_54_031Z-eresolve-report.txt npm error A complete log of this run can be found in: /Users/wanghaoxiang/.npm/_logs/2025-09-23T07_32_54_031Z-debug-0.log怎么解决
最新发布
09-24
当遇到 npm 安装时的 ERESOLVE 错误，且是由于 `@ngrx/effects@15.2.1` 与 `@angular/core@17.3.12` 版本不匹配导致的依赖冲突问题，可尝试以下解决方法： ### 1. 清理 npm 缓存 清理 npm 缓存可以解决一些因缓存文件损坏或过期导致的依赖解析问题。 ```bash npm cache clean --force ``` ### 2. 卸载并重新安装依赖 首先卸载项目中的 `@ngrx/effects`，然后重新安装指定版本，或者让 npm 自动选择兼容版本。 ```bash npm uninstall @ngrx/effects npm install @ngrx/effects ``` ### 3. 使用 `--force` 或 `--legacy-peer-deps` 选项 `--force` 选项会强制 npm 安装所有依赖，即使存在版本冲突；`--legacy-peer-deps` 选项会忽略 peerDependencies 冲突，使用旧版本的依赖解析策略。 ```bash npm install @ngrx/effects --force # 或者 npm install @ngrx/effects --legacy-peer-deps ``` ### 4. 手动调整版本 检查 `@ngrx/effects` 和 `@angular/core` 的官方文档，确认它们相互兼容的版本。然后在 `package.json` 文件中手动指定兼容的版本，再重新安装依赖。 ```json { "dependencies": { "@ngrx/effects": "兼容的版本号", "@angular/core": "17.3.12" } } ``` ```bash npm install ``` ### 5. 全局卸载并重新安装 Angular CLI 如果问题仍然存在，可能是全局的 Angular CLI 版本与项目依赖不兼容。可以参考已有引用中全局卸载并重新安装 Angular CLI 的方法。 ```bash # 查看全局安装的包 npm list -g --depth=0 # 全局卸载 Angular CLI npm uninstall -g @angular/cli # 删除残留的 @angular 文件夹 # 进到 C:\Users\Administrator\AppData\Roaming\npm\node_modules 目录下，删除 @angular 文件夹 # 重新安装 Angular CLI npm install -g @angular/cli ```
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值