“@ Angular-devkit / build-angular” modülü bulunamadı

Açısal 6.0.1'e güncelledikten sonra şu hatayı alıyorum 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 updateher şeyin yolunda olduğunu söylüyor. node_modulesKlasörü ve yeni bir npm installyüklemeyi silmek de yardımcı olmadı.

Projem ng2-admin (Angular4 sürümü) üzerine kurulu . İşte benim package.json bağımlıları:

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

ve benim açısal.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-angularGeliştirme bağımlılığı olarak yükleyin . Bu paket Angular 6.0'da yeni tanıtıldı

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

veya,

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

npm update

Bir cazibe gibi çalıştı.

açısal 6 ve üstü için

Benim için çalışma çözümü

npm install

ng update

ve sonunda

npm update

Açıkça devDependencies almanız gerekiyor.

npm i --only=dev

Aşağıdaki komut çalışmazsa,

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

sonra proje klasörüne gidin ve şu komutu çalıştırın:

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

Yukarıdaki yanıtların hepsi doğrudur, ancak benim için çalışmadılar. Bu işi yapabilmemin tek yolu adımları / komutları takip etmekti:

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

Açısal 8 için

Yükleme npm-check-güncellemeler paketi

Çalıştırmak:

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

Bu paket tüm paketleri güncelleyecek ve bu sorunu çözecektir

Uyarı: Güncellemeden sonra Bu sorunla karşılaşırsanız:

Açısal Derleyici'deki HATA, TypeScript> = 3.4.0 ve <3.6.0 gerektirir ancak bunun yerine 3.6.3 bulundu.

o zaman koş:

$ npm install typescript@3.5.3

Kaynak Bağlantı

npm install Sadece yazın npm installve çalıştırın.Ardından proje hatasız çalışacaktır. Veya kullanabilirsiniznpm install --save-dev @angular-devkit/build-angular

Aşağıdakiler benim için çalıştı. Maalesef başka hiçbir şey yapmadı.

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

Bunu dene.

npm install

npm update

if it's shows something like this. 

çalıştırmak npm audit fixbunları düzeltmek için, ya da npm auditayrıntılar için

Yap bunu!

Aşağıdaki komutlar çalışır:

npm install
ng update

- "Paketinizi analiz ettik. Json ve her şey yolunda görünüyor. İyi iş çıkardınız!" Mesajını görebilirsiniz.

npm update

Sonra dev derlemeyi deneyin

ng build 

Tür betiği ile ilgili hatayı aldım,

npm install typescript@">=3.1.1 <3.2

ng build --prod 

Prod build ile tüm başarılar.

Aşağıda çalışma kombinasyonu

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

Her şeyi denedim ve bu benim için sabit bir yol:

-> Düğüm_modülleri klasörünü silin.

-> Terminal -> npm kurulumu.

Umarım bu yardımcı oldu!

Gibi komutları çalıştırdığımızda ng serve, @ angular / cli dosyasının yerel sürümünü kullanır. İlk olarak @ açısal / cli'nun en son sürümünü yerel olarak yükleyin (-g bayrağı olmadan). Ardından cli ng update @angular/clikomutunu kullanarak güncelleyin . Bunun sorunu çözmesi gerekir. Teşekkürler

Açısal projenizi güncelliyorsanız bu bağlantı size yardımcı olabilir https://update.angular.io/

Açısal 7 ile aynı sorunu yaşadım. Sadece aşağıdaki komutu uyguladım ve hata çözüldü.

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

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

benim için çözdü.

Sadece aşağıdaki komutu çalıştırın ve hata çözüldü

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

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

  Bu hata yukarıdaki komutla çözülemezse, düğüm sürümünü güncelleştirirseniz

  • npm güncelleme npm -g

İlk silme node_modules klasörü

sonra sistemi yeniden başlat

Çalıştırmak npm install --save-dev @angular-devkit/build-angular

ve

Çalıştırmak npm install

Bir dakika önce aynı sorunla mücadele ettim. Projem açısal-cli v 1.6.0 kullanılarak oluşturuldu.

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

Umarım yardımım etkili olur ツ

İlk önce bunu dene

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

Eksik paketler için tekrar hata gelirse deneyin

npm install

Bu benim için işe yarar, taahhüt ve sonra:

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

Düğümü v9'dan v10'a yükselttikten sonra bugün de aynı sorunu yaşadım.
Ortamım docker tarafından ayarlandı ve bu komutu DockerFile dosyamdan kaldırmak zorunda kaldım:

npm link @angular/cli

Düğümün yüklü olduğu dizine bir sembolik bağlantı oluşturur. İçindeki modül projemin node_modules dir ile aynı sürümüne sahip değil
sanırım angular/clive bu soruna neden olur.

Bu hata genellikle açısal proje tamamen yapılandırılmadığında ortaya çıkar.

Bu çalışacak

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

npm install

aşağıdakileri yapmak benim için çalıştı npm audit fix --force

@angular-devkit/build-angulardev bağımlılığınız altında ekleyin ve işe yarayacak, ya da

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

Package-lock.json dosyasını silin ve npm kurulumunu tekrar yapın. Sorunu çözmelidir.

** Bu düzeltme, Angular 6 uygulamasını yeni ng kullanarak oluşturduğunuzda ve diğer bağımlılıkları yükledikten sonra bu hatayı bulduğunuzda daha uygundur.

Benim durumumda, sorun eksik bağımlılıklardan kaynaklanıyor. Bağımlılıklar neden eksik, çünkü aramayı unuttum:

npm kurulumu

Yukarıdaki komutu çağırdıktan sonra, gerekli tüm bağımlılıklar node_modules içine yüklenir ve bu artık sorun değildir

CLI'nızda aşağıdaki Komutu çalıştırın:

• npm kurulumu

• Düğüm_modüllerini silin.
• 'Pm cache clean --verify' kullanarak önbelleği temizleyin.
• Ve sonra npm tekrar yükleyin.

Benim için bir cazibe gibi çalışıyor.

Bunu dene. Benim için çalıştı

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

Ne yazık ki, sunulan çözümlerin hiçbiri benim için mükemmel sonuç vermedi, ancak grepit'in cevabı bana aşağıdaki adımları atmam için ilham verdi. İşletim sistemim (Windows 10) aracılığıyla node.js dosyasını kaldırdım ve tekrar yükledim. Sonra Açısal CLI yükledi. Sonra yeni bir proje yarattı ve eski projemin src dosyasını bu yeni projeye kopyaladım ve hata gitti.

İşte talimatlar:

1. İşletim sisteminizden node.js dosyasını kaldırın ve tekrar yükleyin
2. npm install -g @angular/cli
3. Projenizi YOUR_PROJECT_NAME.old olarak yeniden adlandırın
4. ng new YOUR_PROJECT_NAME
5. ng serveHatayı almayacağınızdan emin olmak için bu merhaba dünya projesini ( ) çalıştırın .
6. xcopy YOUR_PROJECT_NAME.old\src\*.* YOUR_PROJECT_NAME\src /s
   Bu, kopyanın Windows sürümüdür, kendi işletim sisteminize göre değiştirin.