Tidak bisa menemukan modul "@sudut-devkit/membangun-sudut"

Setelah update ke Sudut 6.0.1, saya mendapatkan error berikut pada ng melayani:

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 mengatakan segala sesuatu adalah dalam rangka. Menghapus folder node_modules dan segar npm install install tidak membantu.

Proyek saya adalah berdasarkan [ng2-admin(Angular4 version)].(https://github.com/akveo/ngx-admin) Berikut ini adalah paket saya.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"
  }

dan saya sudut.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"
    }
  }
}
Mengomentari pertanyaan (1)
Larutan

Install @sudut-devkit/membangun-sudut sebagai dev ketergantungan. Paket ini baru diperkenalkan di Sudut 6.0

npm install-simpan-dev @sudut-devkit/membangun-sudut

atau,

benang tambahkan @sudut-devkit/membangun-sudut --dev

Komentar (15)
npm update

Bekerja seperti pesona.

Komentar (6)

untuk sudut 6 dan di atas

Solusi bekerja untuk saya adalah

npm install

ng update

dan akhirnya

npm update

Komentar (3)

Perlu secara eksplisit mendapatkan devDependencies.

npm i --only=dev
Komentar (2)

Jika perintah berikut tidak bekerja,

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

kemudian pindah ke proyek folder dan jalankan perintah ini:

npm install --save @angular-devkit/build-angular
Komentar (1)

Semua jawaban di atas adalah benar, tetapi mereka tidak bekerja untuk saya. Satu-satunya cara saya dapat melakukan pekerjaan ini dengan mengikuti langkah-langkah/perintah:

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
Komentar (2)

npm install Cukup ketik npm install dan jalankan.Maka proyek akan berjalan tanpa kesalahan. Atau anda dapat menggunakannpm install-simpan-dev @sudut-devkit/membangun-sudut`

Komentar (0)

Berikut perintah bekerja:

npm install
ng update

-Anda mungkin melihat pesan "Kami menganalisis paket anda.json dan segala sesuatu tampaknya berada di urutan. Pekerjaan yang baik!"

npm update

Kemudian mencoba membangun dev

ng build 

Aku punya kesalahan dengan jenis script, diturunkan ke


npm install typescript@">=3.1.1 
Komentar (1)

Mencoba yang satu ini.

npm install

npm update

if it's shows something like this. 

run npm audit memperbaiki untuk memperbaikinya, atau npm audit untuk rincian

Melakukan itu!

Komentar (2)

Untuk Sudut 8

Menginstal npm-check-update paket

Run:

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

Paket ini akan update semua paket dan mengatasi masalah ini

Pemberitahuan: Setelah update Jika anda menghadapi masalah ini:

KESALAHAN dalam Sudut Compiler membutuhkan Ketangkasan >=3.4.0 dan <3.6.0 tetapi 3.6.3 ditemukan sebaliknya.

kemudian jalankan:

$ npm install typescript@3.5.3

Sumber Link

Komentar (0)

Berikut ini bekerja untuk saya. Tidak ada yang lain tidak, sayangnya.

npm uninstall @angular-devkit/build-angular
npm install @angular-devkit/build-angular
ng update --all --allow-dirty --force
Komentar (1)

Saya memiliki masalah yang sama dengan Sudut 7. Hanya dijalankan perintah berikut dan kesalahan itu terpecahkan.

npm install --save-dev @angular-devkit/build-angular
Komentar (0)

Coba ini dulu

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

Jika beberapa kesalahan datang lagi untuk mencoba paket yang hilang

npm install
Komentar (0)

Hanya jalankan perintah berikut dan kesalahan itu terpecahkan

  • ng update @sudut/cli @sudut/core

  • npm uninstall @sudut-devkit/membangun-sudut

  • npm install-simpan-dev @sudut-devkit/membangun-sudut

    jika kesalahan ini tidak bisa mengatasi dengan perintah di atas maka anda update node versi

  • npm update npm -g

Komentar (0)

Yang's bekerja untuk saya, dan kemudian melakukan:

ng update @angular/cli @angular/core
npm install --save-dev @angular/cli@latest
Komentar (0)

Aku punya masalah yang sama hari ini, setelah upgrade node dari v9 ke v10. Lingkungan saya adalah yang ditetapkan oleh docker dan aku harus menghapus perintah ini dari saya DockerFile :

bash npm link @sudut/cli

Ini menciptakan symlink ke direktori di mana node dipasang. Saya kira sudut/cli modul di dalamnya tidak memiliki versi yang sama seperti yang di node_modules dir dari proyek saya, dan hal ini menyebabkan masalah.

Komentar (0)

Aku berjuang dengan masalah yang sama hanya satu menit yang lalu. Proyek saya adalah dihasilkan dengan menggunakan v 1.6.0 dari sudut-cli.

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

Saya harap saya membantu lebih efektif ツ

Komentar (1)
npm install --save-dev @angular-devkit/build-angular@latest

soal itu bagi saya.

Komentar (0)

Ketika kita menjalankan perintah seperti ng melayani, menggunakan versi lokal dari @sudut/cli. Jadi pertama kali menginstal versi terbaru dari @sudut/cli secara lokal (tanpa flag-g). Kemudian update cli menggunakan ng update @sudut/cli perintah. Saya hal ini harus memperbaiki masalah. Terima kasih

Link ini dapat membantu anda jika anda memperbarui anda sudut proyek https://update.angular.io/

Komentar (0)

Pertama hapus node_modules folder

kemudian Restart sistem

Menjalankan npm install-simpan-dev @sudut-devkit/membangun-sudut

dan

Menjalankan npm install

Komentar (0)