找不到模块“@ angular-devkit / build-angular”

时间：2018-05-14 14:38:46

标签： angular angular-cli angular6 angular-cli-v6

更新到Angular 6.0.1后，我在 public UIImage ResizeImage(UIImage sourceImage, float width, float height) { UIGraphics.BeginImageContext(new SizeF(width, height)); sourceImage.Draw(new RectangleF(0, 0, width, height)); var resultImage = UIGraphics.GetImageFromCurrentImageContext(); UIGraphics.EndImageContext(); return resultImage; } 上收到以下错误：

ng serve

Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". Error: Could not find module "@angular-devkit/build-angular" from "/home/Projects/myProjectName". at Object.resolve (/home/Projects/myProjectName/node_modules/@angular-devkit/core/node/resolve.js:141:11) at Observable.rxjs_1.Observable [as _subscribe] (/home/Projects/myProjectName/node_modules/@angular-devkit/architect/src/architect.js:132:40) 说一切都井然有序。删除node_modules文件夹和新的ng update安装也没有帮助。

我的项目基于[ng2-admin（Angular4版本）]。（https://github.com/akveo/ngx-admin）这是我的package.json dependecies：

npm install

和我的angular.json：

 "dependencies": {
    "@angular/animations": "^6.0.1",
    "@angular/common": "^6.0.1",
    "@angular/compiler": "^6.0.1",
    "@angular/core": "^6.0.1",
    "@angular/forms": "^6.0.1",
    "@angular/http": "^6.0.1",
    "@angular/platform-browser": "^6.0.1",
    "@angular/platform-browser-dynamic": "^6.0.1",
    "@angular/platform-server": "^6.0.1",
    "@angular/router": "^6.0.1",
    "@ng-bootstrap/ng-bootstrap": "1.0.0-alpha.26",
    "@ngx-translate/core": "^10.0.1",
    "@ngx-translate/http-loader": "^3.0.1",
    "amcharts3": "github:amcharts/amcharts3",
    "ammap3": "github:amcharts/ammap3",
    "angular-table": "^1.0.4",
    "angular2-csv": "^0.2.5",
    "angular2-datatable": "0.6.0",
    "animate.css": "3.5.2",
    "bootstrap": "4.0.0-alpha.6",
    "bower": "^1.8.4",
    "chart.js": "1.1.1",
    "chartist": "0.10.1",
    "chroma-js": "1.3.3",
    "ckeditor": "4.6.2",
    "core-js": "2.4.1",
    "easy-pie-chart": "2.1.7",
    "font-awesome": "4.7.0",
    "fullcalendar": "3.3.1",
    "google-maps": "3.2.1",
    "ionicons": "2.0.1",
    "jquery": "3.2.1",
    "jquery-slimscroll": "1.3.8",
    "leaflet": "0.7.7",
    "leaflet-map": "0.2.1",
    "lodash": "4.17.4",
    "ng2-ckeditor": "1.1.6",
    "ng2-completer": "^1.6.3",
    "ng2-handsontable": "^2.1.0-rc.3",
    "ng2-slim-loading-bar": "^4.0.0",
    "ng2-smart-table": "^1.0.3",
    "ng2-tree": "2.0.0-alpha.5",
    "ngx-uploader": "4.2.4",
    "normalize.css": "6.0.0",
    "roboto-fontface": "0.7.0",
    "rxjs": "^6.1.0",
    "rxjs-compat": "^6.1.0",
    "zone.js": "0.8.26"
  },
  "devDependencies": {
    "@angular/cli": "^6.0.1",
    "@angular/compiler-cli": "^6.0.1",
    "@types/fullcalendar": "2.7.40",
    "@types/jasmine": "2.5.38",
    "@types/jquery": "2.0.41",
    "@types/jquery.slimscroll": "1.3.30",
    "@types/lodash": "4.14.61",
    "@types/node": "6.0.69",
    "codelyzer": "3.0.1",
    "gh-pages": "0.12.0",
    "jasmine-core": "2.5.2",
    "jasmine-spec-reporter": "3.2.0",
    "karma": "1.4.1",
    "karma-chrome-launcher": "2.0.0",
    "karma-cli": "1.0.1",
    "karma-coverage-istanbul-reporter": "0.2.0",
    "karma-jasmine": "1.1.0",
    "karma-jasmine-html-reporter": "0.2.2",
    "npm-run-all": "4.0.2",
    "protractor": "5.1.0",
    "rimraf": "2.6.1",
    "standard-changelog": "1.0.1",
    "stylelint": "7.10.1",
    "ts-node": "2.1.2",
    "tslint": "5.2.0",
    "tslint-eslint-rules": "4.0.0",
    "tslint-language-service": "0.9.6",
    "typescript": "^2.7.2",
    "typogr": "0.6.6",
    "underscore": "1.8.3",
    "wintersmith": "2.2.5",
    "wintersmith-sassy": "1.1.0"
  }

49 个答案:

答案 0 :(得分：304)

安装@angular-devkit/build-angular作为dev依赖项。这个包是在Angular 6.0中新引入的

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

，或者

yarn add @angular-devkit/build-angular --dev

答案 1 :(得分：62)

npm update

它就像一种魅力。

答案 2 :(得分：27)

6号及以上角度

对我来说可行的解决方案是

npm install

ng update

最后

npm update

答案 3 :(得分：10)

我通过以下方式固定了我的位置：

  1. 删除node_modules文件夹。

  2. 运行npm install

希望这对您有所帮助！

答案 4 :(得分：8)

需要显式获取devDependencies。

npm i --only=dev

答案 5 :(得分：7)

请按照以下5个步骤操作，它肯定可以正常工作。 （我的个人经历）

第1步：npm uninstall -g @angular/cli

第2步：npm cache clean --force

第3步：npm install -g @angular/cli@latest

步骤4：npm i

步骤5：ng build

之后ng serve。我希望您的问题一定会得到解决。

答案 6 :(得分：5)

如果以下命令不起作用，

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

然后移动到项目文件夹并运行以下命令：

npm install --save @angular-devkit/build-angular

答案 7 :(得分：5)

npm install 只需键入npm install并运行。然后项目将无错误运行。 或者，您可以使用npm install --save-dev @angular-devkit/build-angular

答案 8 :(得分：5)

以上所有答案都是正确的，但它们对我没有用。我能够完成这项工作的唯一方法是遵循以下步骤/命令：

npm uninstall -g @angular/cli@6.0.8
npm cache clean --force
npm install -g @angular/cli@latest
npm install node-sass -g
ng new MY_PROJECT_NAME
cp -r from_my_old_project to_new_MY_PROJECT_NAME

答案 9 :(得分：4)

对于Angular 8

安装 npm-check-updates 软件包

运行：

$ npm i npm-check-updates
$ ncu -u
$ npm install

此软件包将更新所有软件包并解决此问题

注意：更新后，如果您遇到此问题：

  Angular编译器中的

ERROR要求TypeScript> = 3.4.0和<3.6.0   但是找到了3.6.3。

然后运行：

$ npm install typescript@3.5.3

来源Link

答案 10 :(得分：4)

我在一分钟前就遇到了同样的问题。我的项目是使用angular-cli 1.6.0版生成的。

1. npm update -g @angular/cli

2. editing my package.json changing the line
    "@angular/cli": "1.6.0",
      to
    "@angular/cli": "^1.6.0",

3. npm update

我希望我的帮助有效effective

答案 11 :(得分：2)

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

此代码将@angular-devkit/build-angular安装为开发依赖项。

100％已测试。

答案 12 :(得分：2)

当我们运行ng serve之类的命令时，它使用@ angular / cli的本地版本。因此，请先在本地安装@ angular / cli的最新版本（不带-g标志）。然后使用ng update @angular/cli命令更新cli。我认为这应该可以解决问题。谢谢

如果您要更新角度项目https://update.angular.io/

，此链接可能会为您提供帮助

答案 13 :(得分：2)

以下内容对我有用。不幸的是，没有其他事情。

npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/build-angular
ng update --all --allow-dirty --force

答案 14 :(得分：2)

今天，在将节点从v9升级到v10之后，我遇到了同样的问题。
我的环境由docker设置，我必须从DockerFile中删除此命令：

npm link @angular/cli

它将创建一个指向链接的安装目录的符号链接。
我猜其中的angular/cli模块与我项目的node_modules目录中的模块版本不同，这会导致问题。

答案 15 :(得分：2)

先尝试

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

如果由于缺少包裹而再次出现错误，请尝试

npm install

答案 16 :(得分：2)

我在Angular 7中遇到了同样的问题。只需执行以下命令即可解决错误。

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

答案 17 :(得分：1)

只需更新角度版本并添加以下依赖项即可：

ng update

npm update

npm i @angular-devkit/build-angular

https://www.npmjs.com/package/@angular-devkit/build-angular

答案 18 :(得分：1)

从离子论坛这对我有用。

npm i @ionic/angular-toolkit@latest

答案 19 :(得分：1)

为我工作的解决方案

Delete node_modules folder.

run npm install

希望这会奏效！

答案 20 :(得分：1)

如果在angular cli中有朗姆酒以下命令，则项目运行成功。 npm install --save @angular-devkit/build-angular

答案 21 :(得分：1)

首先删除node_modules文件夹

然后重启系统

运行npm install --save-dev @angular-devkit/build-angular

和

运行npm install

答案 22 :(得分：1)

尝试一下。对我有用

npm uninstall -g @angular/cli
npm cache verify
npm install -g @angular/cli@next

答案 23 :(得分：0)

我通过在64位操作系统上安装Angular解决了此问题。我收到错误消息是因为我最初是在32位操作系统上运行该错误

答案 24 :(得分：0)

我遇到了最新版本的@angular-devkit/build-angular（在撰写本文时，仅在17小时前发布了11.0.5）。

我们公司正在将Nexus Repository Manager用作npm注册表（我们不直接访问https://registry.npmjs.org/），该版本太新了，因此尚未包含在Nexus中。

使存储库的缓存无效 ，并npm install解决了该问题。

答案 25 :(得分：0)

我有一个在较旧版本的Angular中创建的库。

现在，我已升级到最新版本11，构建将失败。

实际上，构建器已更改。

在进行ng build时，我收到了一些类似的错误消息：

Cannot find module '@angular-devkit/build-ng-packagr/package.json'

在angular.json文件中，我不得不更改builder属性：

"builder": "@angular-devkit/build-ng-packagr:build",

具有：

"builder": "@angular-devkit/build-angular:ng-packagr",

答案 26 :(得分：0)

对我来说，当我在项目文件夹中运行npm install命令时，它就起作用了。 例如：我有shoppingmenu应用程序，并且在该文件夹中运行了npm install命令。

答案 27 :(得分：0)

我没有package.json。确保您有一个。

答案 28 :(得分：0)

运行以下内容对我有用    Before='FindRelatedProducts'

答案 29 :(得分：0)

我遇到了同样的问题。

令人惊讶的是，仅仅是因为version中指定的package.json的格式不正确。

我从版本"version": "0.1"切换到"version": "0.0.1"，它解决了问题。

角度NEEDS语义versioning（也请参阅Semver）分为三个部分。

答案 30 :(得分：0)

在您的开发依赖项下添加@angular-devkit/build-angular，它将起作用，或者您也可以执行

  

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

答案 31 :(得分：0)

在以下命令的帮助下，您的应用程序将按您所要求的方式运行，如我所述运行每个命令

 1.npm list -g --depth=0
 2.npm i npm-check-updates
 3.npm install

最后，运行以下命令在浏览器中打开项目

ng serve --open

答案 32 :(得分：0)

删除package-lock.json并再次进行npm安装。它应该可以解决问题。

**当您使用ng new创建Angular 6应用并安装其他依赖项后，您会发现此错误。

答案 33 :(得分：0)

尝试这个。

npm install

npm update

if it's shows something like this.
  

运行npm audit fix进行修复，或运行npm audit以获得详细信息

这样做！

答案 34 :(得分：0)

就我而言，问题是由于缺少依赖项。为什么缺少依赖项，因为我忘记了打电话：

npm安装

调用上述命令后，所有必需的依赖项均已加载到node_modules中，这不再是问题

答案 35 :(得分：0)

Following commands works 
npm install
ng update
-You may see the message  "We analyzed your package.json and everything seems to be in order. Good work!"
npm update

Then try dev build 
ng build 
I got the error with type script, downgraded to 
npm install typescript@">=3.1.1 <3.2

ng build --prod 

All success with prod build. 

Below is the working combination 

ng --version

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.11.0
@angular-devkit/build-angular     0.11.0
@angular-devkit/build-optimizer   0.11.0
@angular-devkit/build-webpack     0.11.0
@angular-devkit/core              7.1.0
@angular-devkit/schematics        7.1.0
@angular/cli                      7.1.0
@ngtools/webpack                  7.1.0
@schematics/angular               7.1.0
@schematics/update                0.11.0
rxjs                              6.3.3
typescript                        3.1.6
webpack                           4.23.1

答案 36 :(得分：0)

Solution

在CLI上的Command下方执行：

  • npm安装

答案 37 :(得分：0)

我尝试了以上所有答案，但对我来说都没有用。我不得不降级Angular-CLI的版本。我运行命令import numpy as np import argparse import cv2 import tensorflow as tf tfNet = cv2.dnn.readNetFromTensorflow("myPath\\model.pb","myPath\\model.pbtxt") 和结果：

ng --version

我打开package.json并搜索定义CLI版本的行：

@angular-devkit/architect          0.10.7
@angular-devkit/build-angular      0.10.7
@angular-devkit/build-ng-packagr   0.10.7
@angular-devkit/build-optimizer    0.10.7
@angular-devkit/build-webpack      0.10.7
@angular-devkit/core               7.0.7 <-- notice this!
@angular-devkit/schematics         8.2.1
@angular/cli                       8.2.1 <-- and this!
@ngtools/json-schema               1.1.0
@ngtools/webpack                   7.0.7
@schematics/angular                8.2.1
@schematics/update                 0.802.1
ng-packagr                         4.7.1
rxjs                               6.3.3
typescript                         3.1.6
webpack                            4.19.1

我将... "devDependencies": { "@angular-devkit/build-angular": "~0.10.0", "@angular-devkit/build-ng-packagr": "~0.10.0", "@angular/cli": "~8.2.0" -- I changed here to ~7.0.7 ...} ... 的版本更改为〜7.0.7 。然后运行@angular/cli，然后再次运行npm uninstall @angular/cli

安装

答案 38 :(得分：0)

只需执行以下命令即可解决错误

  • ng update @angular/cli @angular/core
  • npm uninstall @angular-devkit/build-angular

  • npm install --save-dev @angular-devkit/build-angular

    如果上述命令无法解决该错误，请更新节点版本

    • npm更新npm -g

答案 39 :(得分：0)

npm install --save-dev @angular-devkit/build-angular@latest

为我解决了。

答案 40 :(得分：0)

不幸的是，所提供的解决方案都不适合我，但是grepit的回答启发了我执行以下步骤。 我通过操作系统（Windows 10）卸载了node.js，然后再次安装了它。然后安装了Angular CLI。然后创建一个新项目，并将我旧项目的src文件复制到这个新文件中，错误消失了。

以下是说明：

  1. 通过您的操作系统卸载node.js，然后重新安装
  2. npm install -g @angular/cli
  3. 将您的项目重命名为YOUR_PROJECT_NAME.old
  4. ng new YOUR_PROJECT_NAME
  5. 运行此hello world项目（ng serve），以确保不会收到错误消息。
  6. xcopy YOUR_PROJECT_NAME.old\src\*.* YOUR_PROJECT_NAME\src /s
    这是Windows版本的副本，请根据您自己的操作系统进行更改。

答案 41 :(得分：0)

  • 删除node_modules。
  • 使用“ npm cache clean --verify”清除缓存。
  • 然后再次安装npm。

对我来说就像一个魅力。

答案 42 :(得分：0)

这对我有用，请提交，然后：

ng update @angular/cli @angular/core

答案 43 :(得分：-1)

您的npm版本较旧，请尝试运行以下命令：

npm i npm@latest -g

答案 44 :(得分：-1)

两天以来我都面临着同样的问题。

ng -v :6.0.8
node -v :8.11.2
npm -v :6.1.0

确保您位于安装angular.json的文件夹中。进入并输入ng serve。如果问题仍然存在，则说明您仅在node_modules中安装了依赖项。键入以下内容，它将起作用：

npm i --only=dev

答案 45 :(得分：-1)

  

简单的解决方案

下面的命中仅推荐用于解决此错误 

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

答案 46 :(得分：-1)

当角度项目未完全配置时，通常会发生此错误。

这将起作用

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

npm install

答案 47 :(得分：-2)

每当运行npm install时，

Node Package Manager都不会安装 devDependencies 。相反，它的作用是安装所有依赖项。因此，您只需要将 DevDependencies 的内容复制到 package.json 中的 Dependencies ，这将迫使管理器安装这些库。将所有 DevDependencies 复制到 Dependencies 之后，只需运行命令npm install，然后继续执行ng serve并启动并运行！！！ 希望对您有所帮助。 谢谢?

答案 48 :(得分：-4)

我刚刚在下面做了，它奏效了。

npm install --save-dev
相关问题
最新问题