“@ angular-devkit / build-angular”모듈을 찾을 수 없습니다

Angular 6.0.1로 업데이트 한 후 다음과 같은 오류가 발생합니다 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)

ng update모든 것이 정상이라고 말합니다. node_modules폴더를 삭제 하고 새로 npm install설치해도 도움이되지 않았습니다.

내 프로젝트는 ng2-admin (Angular4 version) 기반입니다 . 내 package.json dependecies는 다음과 같습니다.

 "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"
  }

내 angular.json :

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "ng2-admin": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "architect": {
        "build": {
          "builder": "@angular-devkit/build-angular:browser",
          "options": {
            "outputPath": "dist",
            "index": "src/index.html",
            "main": "src/main.ts",
            "tsConfig": "src/tsconfig.app.json",
            "polyfills": "src/polyfills.ts",
            "assets": [
              "src/assets",
              "src/favicon.ico"
            ],
            "styles": [
              "node_modules/roboto-fontface/css/roboto/sass/roboto-fontface.scss",
              "node_modules/normalize.css/normalize.css",
              "node_modules/font-awesome/scss/font-awesome.scss",
              "node_modules/ionicons/scss/ionicons.scss",
              "node_modules/bootstrap/scss/bootstrap.scss",
              "node_modules/leaflet/dist/leaflet.css",
              "node_modules/chartist/dist/chartist.css",
              "node_modules/fullcalendar/dist/fullcalendar.css",
              "node_modules/handsontable/dist/handsontable.full.css",
              "node_modules/ng2-slim-loading-bar/style.css",
              "src/app/theme/theme.scss",
              "src/styles.scss"
            ],
            "scripts": [
              "node_modules/jquery/dist/jquery.js",
              "node_modules/easy-pie-chart/dist/jquery.easypiechart.js",
              "node_modules/jquery-slimscroll/jquery.slimscroll.js",
              "node_modules/tether/dist/js/tether.js",
              "node_modules/bootstrap/dist/js/bootstrap.js",
              "node_modules/handsontable/dist/handsontable.full.js",
              "node_modules/chroma-js/chroma.js"
            ]
          },
          "configurations": {
            "production": {
              "optimization": true,
              "outputHashing": "all",
              "sourceMap": false,
              "extractCss": true,
              "namedChunks": false,
              "aot": true,
              "extractLicenses": true,
              "vendorChunk": false,
              "buildOptimizer": true,
              "fileReplacements": [
                {
                  "replace": "src/environments/environment.ts",
                  "with": "src/environments/environment.prod.ts"
                }
              ]
            }
          }
        },
        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
          "options": {
            "browserTarget": "ng2-admin:build"
          },
          "configurations": {
            "production": {
              "browserTarget": "ng2-admin:build:production"
            }
          }
        },
        "extract-i18n": {
          "builder": "@angular-devkit/build-angular:extract-i18n",
          "options": {
            "browserTarget": "ng2-admin:build"
          }
        },
        "test": {
          "builder": "@angular-devkit/build-angular:karma",
          "options": {
            "main": "src/test.ts",
            "karmaConfig": "./karma.conf.js",
            "polyfills": "src/polyfills.ts",
            "tsConfig": "src/tsconfig.spec.json",
            "scripts": [
              "node_modules/jquery/dist/jquery.js",
              "node_modules/easy-pie-chart/dist/jquery.easypiechart.js",
              "node_modules/jquery-slimscroll/jquery.slimscroll.js",
              "node_modules/tether/dist/js/tether.js",
              "node_modules/bootstrap/dist/js/bootstrap.js",
              "node_modules/handsontable/dist/handsontable.full.js",
              "node_modules/chroma-js/chroma.js"
            ],
            "styles": [
              "node_modules/roboto-fontface/css/roboto/sass/roboto-fontface.scss",
              "node_modules/normalize.css/normalize.css",
              "node_modules/font-awesome/scss/font-awesome.scss",
              "node_modules/ionicons/scss/ionicons.scss",
              "node_modules/bootstrap/scss/bootstrap.scss",
              "node_modules/leaflet/dist/leaflet.css",
              "node_modules/chartist/dist/chartist.css",
              "node_modules/fullcalendar/dist/fullcalendar.css",
              "node_modules/handsontable/dist/handsontable.full.css",
              "node_modules/ng2-slim-loading-bar/style.css",
              "src/app/theme/theme.scss",
              "src/styles.scss"
            ],
            "assets": [
              "src/assets",
              "src/favicon.ico"
            ]
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": [
              "src/tsconfig.app.json",
              "src/tsconfig.spec.json"
            ],
            "exclude": []
          }
        }
      }
    },
    "ng2-admin-e2e": {
      "root": "",
      "sourceRoot": "",
      "projectType": "application",
      "architect": {
        "e2e": {
          "builder": "@angular-devkit/build-angular:protractor",
          "options": {
            "protractorConfig": "./protractor.conf.js",
            "devServerTarget": "ng2-admin:serve"
          }
        },
        "lint": {
          "builder": "@angular-devkit/build-angular:tslint",
          "options": {
            "tsConfig": [
              "e2e/tsconfig.e2e.json"
            ],
            "exclude": []
          }
        }
      }
    }
  },
  "defaultProject": "ng2-admin",
  "schematics": {
    "@schematics/angular:component": {
      "prefix": "app",
      "styleext": "scss"
    },
    "@schematics/angular:directive": {
      "prefix": "app"
    }
  }
}

@angular-devkit/build-angulardev 종속성으로 설치하십시오 . 이 패키지는 Angular 6.0에서 새로 도입되었습니다

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

또는,

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

npm update

그것은 매력처럼 작동했습니다.

각도 6 이상

나를위한 작업 솔루션은

npm install

ng update

그리고 마지막으로

npm update

devDependencies를 명시 적으로 가져와야합니다.

npm i --only=dev

다음 명령이 작동하지 않으면

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

그런 다음 프로젝트 폴더로 이동하여 다음 명령을 실행하십시오.

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

위의 모든 대답은 정확하지만 그들은 나를 위해 작동하지 않았습니다. 내가이 일을 할 수 있었던 유일한 방법은 단계 / 명령을 따르는 것입니다.

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

각도 8

npm-check-updates 패키지 설치

운영:

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

이 패키지는 모든 패키지를 업데이트하고이 문제를 해결합니다.

알림 : 업데이트 후이 문제가 발생하면 :

Angular 컴파일러의 오류에는 TypeScript> = 3.4.0 및 <3.6.0이 필요하지만 대신 3.6.3이 발견되었습니다.

그런 다음 다음을 실행하십시오.

$ npm install typescript@3.5.3

소스 링크

npm install 입력 npm install하고 실행하면 프로젝트가 오류없이 실행됩니다. 아니면 사용할 수 있습니다npm install --save-dev @angular-devkit/build-angular

다음은 나를 위해 일했습니다. 불행히도 다른 일은 없었습니다.

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

이거 한번 해봐.

npm install

npm update

if it's shows something like this. 

실행 npm audit fix을 해결하기 위해, 또는 npm audit자세한 내용은

그렇게!

다음 명령이 작동합니다.

npm install
ng update

- "패키지 .json을 분석했는데 모든 것이 정상인 것 같습니다. 훌륭합니다!"라는 메시지가 표시 될 수 있습니다.

npm update

그런 다음 dev 빌드를 시도하십시오

ng build 

유형 스크립트에 오류가 발생했습니다.

npm install typescript@">=3.1.1 <3.2

ng build --prod 

자극적 인 빌드로 모든 성공.

아래는 작업 조합입니다

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

나는 위의 모든 것을 시도했고 이것은 고정 된 방법입니다.

-> node_modules 폴더를 삭제하십시오.

-> 터미널-> npm 설치.

이것이 도움이 되었기를 바랍니다!

와 같은 명령을 실행할 때 ng serve로컬 버전의 @ angular / cli를 사용합니다. 따라서 먼저 최신 버전의 @ angular / cli를 로컬로 설치하십시오 (-g 플래그없이). 그런 다음 ng update @angular/cli명령을 사용하여 cli를 업데이트하십시오 . 이 문제를 해결해야합니다. 감사

이 링크는 각도 프로젝트 https://update.angular.io/를 업데이트하는 경우 도움이 될 수 있습니다

Angular 7에서도 동일한 문제가 발생했습니다. 다음 명령을 실행하고 오류가 해결되었습니다.

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

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

나를 위해 그것을 해결했다.

다음 명령을 실행하면 오류가 해결되었습니다.

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

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

  이 오류가 위의 명령으로 해결되지 않으면 노드 버전을 업데이트하십시오.

  • npm 업데이트 npm -g

첫 번째 삭제 node_modules 폴더

그런 다음 시스템 을 다시 시작하십시오.

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

과

운영 npm install

나는 1 분 전에 같은 문제로 어려움을 겪었다. 내 프로젝트는 angular-cli v 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

내 도움이 효과가 있기를 바랍니다 ツ

먼저 해봐

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

누락 된 패키지에 대해 오류가 다시 발생하면 시도하십시오

npm install

그것은 나를 위해 일하고 커밋 한 다음 :

ng update @angular/cli @angular/core
npm install --save-dev @angular/cli@latest

노드를 v9에서 v10으로 업그레이드 한 후 오늘 같은 문제가 발생했습니다.
내 환경은 docker에 의해 설정되어 있으며 DockerFile 에서이 명령을 제거해야했습니다.

npm link @angular/cli

노드가 설치된 디렉토리에 대한 심볼릭 링크를 만듭니다.
내 angular/cli모듈 의 모듈이 내 프로젝트의 node_modules 디렉토리에있는 버전과 같지 않은 것 같아서 문제가 발생합니다.

이 오류는 일반적으로 각도 프로젝트가 완전히 구성되지 않은 경우에 발생합니다.

이 작동합니다

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

npm install

다음을 실행하면 나를 위해 일했습니다. npm audit fix --force

@angular-devkit/build-angulardev 의존성 아래에 추가 하면 작동하거나 실행할 수도 있습니다.

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

package-lock.json을 삭제하고 npm 설치를 다시 수행하십시오. 문제를 해결해야합니다.

**이 수정은 ng new를 사용하여 Angular 6 앱을 만들었을 때 더 적합하며 다른 종속성을 설치 한 후이 오류가 발생합니다.

필자의 경우 문제는 종속성이 없기 때문입니다. 전화를 잊어 버렸기 때문에 종속성이 누락 된 이유는 무엇입니까?

npm 설치

위의 명령을 호출 한 후 필요한 모든 종속성이 node_modules에로드되며 더 이상 문제가되지 않습니다.

CLI에서 아래 명령을 실행하십시오.

• npm 설치

• node_modules를 삭제하십시오.
• 'npm cache clean --verify'를 사용하여 캐시를 지우십시오.
• 그런 다음 npm을 다시 설치하십시오.

나를 위해 매력처럼 작동합니다.

이 시도. 그것은 나를 위해 일했다

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

불행히도 제공된 솔루션 중 어느 것도 나를 위해 완벽하게 작동하지는 않았지만 grepit의 대답은 다음 단계를 수행하도록 영감을주었습니다. OS (Windows 10)를 통해 node.js를 제거했다가 다시 설치했습니다. 그런 다음 Angular CLI를 설치했습니다. 그런 다음 새 프로젝트를 만들고 이전 프로젝트의 src 파일을이 새 프로젝트에 복사하면 오류가 사라졌습니다.

지침은 다음과 같습니다.

1. OS를 통해 node.js를 제거한 후 다시 설치하십시오.
2. npm install -g @angular/cli
3. 프로젝트 이름을 YOUR_PROJECT_NAME (으)로 바꿉니다.
4. ng new YOUR_PROJECT_NAME
5. 이 hello world 프로젝트 ( ng serve)를 실행 하여 오류가 발생하지 않도록하십시오.
6. xcopy YOUR_PROJECT_NAME.old\src\*.* YOUR_PROJECT_NAME\src /s
   이것은 Windows 버전의 사본이므로 자신의 OS에 따라 변경하십시오.