Could not find module "@angular-devkit/build-angular"

最新推荐文章于 2025-05-06 22:26:15 发布
原创 最新推荐文章于 2025-05-06 22:26:15 发布 · 1.1w 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了解决在使用Angular时遇到的找不到模块@angular-devkit/build-angular的问题，提供了通过npm安装该模块的具体步骤。

报错：

Could not find module "@angular-devkit/build-angular"

解决办法：

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

Cannot find module ‘@angular-builders/custom-webpack/package.json‘
湾湾叉会儿腰的博客
11-18 2270
可能是资源加载问题 网上很多说法就是我没有这个资源，将这个资源加载就行了，但是我的问题是 Angular-builders/custom-webpack 是我不要的，我卸载不干净，导致运行时候出现问题。 常规套路来说，我只需要将 node_modules 删除，然后再将 package-lock.json 也删除了，避免影响我后续的加载，为了保险额外再清理一下缓存 npm cache clean --force，最后加载一下就行了，步骤如下： delete node_modules delete packa
angular-devkit-build-angular-builds：为@ angular-devkitbuild-angular构建工件
02-16
@ angular-devkit / build-angular的快照构建 该存储库是原始存储库上的提交的快照。 用于生成此代码的原始代码位于 。 我们不接受在此存储库中打开的PR或问题。 您不应在此程序包的经过测试和发行的版本上使用此功能。 要在您自己的项目中测试此快照，请使用 npm install git+https://github.com/angular/angular-devkit-build-angular-builds.git Angular Webpack构建外观 在制品
强烈推荐，亲测有效。Could not find module "@angular-devkit/build-angular" from ……（项目路径）
qq_44482401的博客
04-14 6055
强烈推荐，亲测有效。创建angular项目出现Could not find module “@angular-devkit/build-angular” from “F:\center\jw\workspace\demo”.的Error 在安装angular/cli后，我们通过命令行创建angular项目常使用 ng new demo （demo是项目的名称） 的命令，如果出...
解决Angular CLI找不到模块"angular-devkit/build-angular"的问题
热门推荐
老卫的技术站
10-31 1万+
Angular CLI 是 Angular 客户端命令行工具，提供非常多的命令来简化 Angular 的开发。今天执行“ng serve”命令时，竟然报找不到模块"@angular-devkit/build-angular"的错误。 问题背景 执行“ng serve”命令时，竟然报找不到模块"@angular-devkit/build-angular"的错误。信息如下： >ng serve ...
angular-devkit-architect-builds：为@ angular-devkitarchitect构建构件
02-08
@ angular-devkit / architect的快照构建 该存储库是原始存储库上的提交的快照。 用于生成此代码的原始代码位于 。 我们不接受在此存储库中打开的PR或问题。 您不应在此程序包的经过测试和发行的版本上使用此功能。...
angular-devkit-build-optimizer-builds:为@ angular-devkitbuild-optimizer构建工件
03-31
@ angular-devkit / build-optimizer的快照构建 该存储库是原始存储库上的提交的快照。 用于生成此代码的原始代码位于 。 我们不接受在此存储库中打开的PR或问题。 您不应在此程序包的经过测试和发布的版本上使用此...
angular-devkit-build-ng-packagr-builds:为@ angular-devkitbuild-ng-packagr构建工件
05-08
@ angular-devkit / build-ng-packagr的快照构建 该存储库是原始存储库上的提交的快照。 用于生成此代码的原始代码位于 。 我们不接受在此存储库中打开的PR或问题。 您不应在此程序包的经过测试和发布的版本上使用...
Cannot find module ‘@angular-devkit/build-angular/package.json‘
CAO11021的博客
08-30 985
Cannot find module ‘@angular-devkit/build-angular/package.json‘
angular-devkit-core-builds:@ angular-devkitcore的快照
03-16
@ angular-devkit / core的快照构建 该存储库是原始存储库上的提交的快照。 用于生成此代码的原始代码位于 。 我们不接受在此存储库中打开的PR或问题。 您不应在此程序包的经过测试和发布的版本上使用此功能。 要在您自己的项目中测试此快照，请使用 npm install git+https://github.com/angular/angular-devkit-core-builds.git 核 Angular DevKit的共享实用程序。 例外 杰森 架构图 SchemaValidatorResult export interface SchemaValidatorResult { success: boolean; errors?: string[]; } SchemaValidator export interface SchemaValidator
@angular-devkit
weixin_33893473的博客
05-11 1111
@sindresorhus/is import is from '@sindresorhus/is'; declare namespace is { const undefined: (value: any) => boolean; const string: (value: any) => boolean; const number: (value: any)...
angular-devkit/build‑angular:application 逐行深剖
最新发布
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
05-06 1537
文件结构my-app/└─ ...当你把三行 JSON 与 RxJS Observable 模型对齐后，会发现 CLI 构建系统本质上就是一个流式数据管道：配置对象进入管道，被 Builder 转换成产出文件与日志事件，然后由 Architect 再把结果流分发至终端或 IDE。理解这一点，你就能优雅地扩展、替换甚至组合多条构建流，让 Angular 的构建体验与项目需求紧密贴合。
解决鸿蒙开发中的编译错误：“Cannot find module”
qq_14863717的博客
06-13 5069
通过这次经历，我学到了在遇到编译错误时，除了检查代码和依赖之外，还应该考虑开发环境的完整性和配置。重新安装开发工具是一个简单但有效的解决策略，尤其是在环境和配置问题导致错误的情况下。在进行鸿蒙（HarmonyOS）应用开发时，我遇到了一个棘手的编译错误：“Cannot find module”。具体来说，当我尝试使用。这次解决问题的过程也提醒我，作为开发者，我们需要不断学习和适应，即使是面对看似复杂的错误，通过逐步分析和尝试，总能找到解决问题的方法。执行重新安装后，我再次尝试运行编译命令，这次成功了！
本地调整angular8的devkit的逻辑以便于使用before方法进行api的mock
qq564280420的博客
07-07 242
使用angular8进行项目开发，但是请求数据api的时候没找到官方给的使用webpack-devServer之before方法的api，现在找了个折中的办法，直接本地调整devkit的module配置，简单实现了。 1.调整schema.json文件 路径: node_modules/@angular-devkit/build-angular/src/dev-server/schema.json 增加before，否则启动的时候会报错，不支持before选项 { "properties": {
鸿蒙NEXT版实战开发：编译报错“Cannot find module XXX or its corresponding type declarations”
qq_39652397的博客
01-23 2961
编译报错“Cannot find module XXX or its corresponding type declarations”
Jenkins构建缺少模块 Cannot find module @angular-devkit/build-webpack
萨摩耶的微笑
05-17 1337
过两天补上
HarmonyOS NEXT实战开发：NDK接口接入ArkTS页面实例
hanyanyou的博客
07-31 1047
使用NDK接口构建UI界面时，需要在ArkTS页面创建用于挂载NDK接口创建组件的占位组件。
鸿蒙地图报错‘@kit.MapKit‘；{“code“:1002600003,“name“:“Error“,“message“:“App authentication failed.“}
m0_60880588的博客
09-27 517
1.在agc里进行配置，配置完成的话需要将client_id放到model.json5里。2.在AGC里进行密钥配置，配置你刚申请的调试证书。使用鸿蒙地图获取天气服务时一直报没有权限。
如何在package.json中加载@angular-devkit/build-angular
02-26
在 `package.json` 中添加或确保已正确引用 `@angular-devkit/build-angular` 主要是为了支持 Angular 项目的构建过程。这个包提供了一系列用于编译和打包 Angular 应用程序的任务，包括 AOT 编译、Tree-shaking 等优化功能。 要在 `package.json` 文件中加载 `@angular-devkit/build-angular` ，你需要按照下面的步骤操作： ### 步骤一：安装依赖 首先通过 npm 或者 yarn 来全局或局部地安装此模块作为开发阶段的依赖（即仅当我们在本地机器上进行构建时需要用到它）。这里我们选择局部安装因为它更符合单个项目的需求模式。 ```bash npm install --save-dev @angular-devkit/build-angular ``` 或者如果你使用 Yarn 包管理器的话， ```bash yarn add --dev @angular-devkit/build-angular ``` 这条命令会自动将该软件包加入到你的 `package.json` 文件内的 "devDependencies" 部分下，并下载相应资源保存进当前工作区下的 `node_modules` 目录之中。 ### 步骤二：修改 angular.json (如果是新版本) 对于较新的 Angular CLI 创建的应用，默认就已经集成了 `@angular-devkit/build-angular` 并不需要手动指定。但是为了保险起见，请打开位于项目根目录下的 `angular.json` 文件找到 `"architect"` -> `"build"` -> `"builder"` 字段确认它的值是 `"@angular-devkit/build-angular:browser"` 示例如下： ```json ... "projects": { "your-app-name": { ... "architect": { "build": { "builder": "@angular-devkit/build-angular:browser", ... }, ... } } } ... ``` ### 步骤三：运行 ng serve / build 测试 完成上述两步之后再次尝试启动服务 (`ng serve`) 或 构建 (`ng build`) 您的应用程序。如果一切正常，则表示成功引入了 `@angular-devkit/build-angular`. ### 提示及注意事项 - **检查兼容性** : 确认所使用的 Angular CLI 版本与 `@angular-devkit/build-angular` 是否完全适配； - **清理缓存** ：有时旧的数据可能引发问题，在执行以上指令前建议先清空 npm/yarn 的全局缓存； - **更新其他依赖** : 建议同步升级一些关键性的第三方库以避免潜在冲突； 希望这些指导能帮助您顺利完成设置！
评论 7
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值