angular - বরণ - কৌণিক ভরবেগ সূত্র




"@ কৌণিক-দেবকিট/বিল্ড-কৌণিক" মডিউলটি খুঁজে পেল না (20)

কৌণিক 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 বলেছে যে সবকিছু ঠিক আছে। নোড_মডিউলগুলি ফোল্ডার এবং একটি নতুন npm install ইনস্টল মুছে ফেলা কোনওভাবেই সহায়তা করে নি।

আমার প্রকল্প [এনজি 2-অ্যাডমিন (অ্যাঙ্গুলার 4 সংস্করণ)] এর উপর ভিত্তি করে। ( https://github.com/akveo/ngx-admin ) এখানে আমার প্যাকেজ.জসন নির্ভরতা রয়েছে:

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

এবং আমার কৌণিক.জসন:

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

সহজ সমাধান

কেবল এই ত্রুটিটি সংশোধন করতে প্রশংসার নীচে হিট করুন

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

2 দিন থেকে আমি একই সমস্যার মুখোমুখি।

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

নিশ্চিত করুন যে আপনি যে ফোল্ডারে angular.json ইনস্টল আছেন সেখানে angular.json । এটিতে প্রবেশ করুন এবং ng serve টাইপ করুন। যদি এখনও সমস্যাটি দেখা দেয় তবে আপনার কেবল node_modules । নিম্নলিখিত টাইপ করুন, এবং এটি কাজ করবে:

npm i --only=dev

V9 থেকে v10 এ নোড আপগ্রেড করার পরে আমার আজ একই সমস্যা ছিল।
আমার পরিবেশটি ডকার দ্বারা সেট করা হয়েছে এবং আমাকে আমার ডকারফাইল থেকে এই আদেশটি সরিয়ে ফেলতে হয়েছিল:

npm link @angular/cli

এটি নড ইনস্টল করা হয় এমন ডিরেক্টরিতে একটি সিমিলিংক তৈরি করে।
আমি অনুমান করি যে এটিতে angular/cli মডিউলটি আমার প্রকল্পের নোড_মডিউলস ডিয়ারের মতো একই সংস্করণে নেই এবং এটি সমস্যার কারণ হয়ে দাঁড়ায়।


আপনার npm সংস্করণটি পুরানো, নিম্নলিখিত আদেশটি চালানোর চেষ্টা করুন:

npm i [email protected] -g

আমরা যখন ng serve সার্ভের মতো কমান্ডগুলি চালনা করি তখন এটি @ কৌণিক / ক্লাইটির স্থানীয় সংস্করণ ব্যবহার করে। সুতরাং প্রথমে স্থানীয়ভাবে @ কৌণিক / ক্লিটির সর্বশেষ সংস্করণ ইনস্টল করুন (-g পতাকা ছাড়াই)। তারপরে ng update @angular/cli কমান্ড ব্যবহার করে ক্লাইটি আপডেট করুন। আমি এই বিষয়টি সমস্যার সমাধান করা উচিত। ধন্যবাদ

আপনি যদি আপনার কৌণিক প্রকল্প https://update.angular.io/ আপডেট করে থাকেন তবে এই লিঙ্কটি আপনাকে সহায়তা করতে পারে


আমার কৌণিক 7.. এর সাথে আমার একই সমস্যা ছিল সবেমাত্র নিম্নলিখিত কমান্ডটি কার্যকর করা হয়েছিল এবং ত্রুটিটি সমাধান করা হয়েছিল।

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

আমি ঠিক এক মিনিট আগে একই সমস্যার সাথে লড়াই করেছি। আমার প্রকল্পটি কৌণিক-ক্লাইমের 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

npm update

if it's shows something like this. 

সেগুলি npm audit fix করার জন্য npm audit fix চালান, বা বিশদের জন্য npm audit করুন

কর এটা!


এই ত্রুটিটি সাধারণত ঘটে থাকে যখন কৌণিক প্রকল্পটি সম্পূর্ণরূপে কনফিগার করা হয় না।

এটি কাজ করবে

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

npm install

এটা চেষ্টা কর. এটা আমার জন্য কাজ করে

npm uninstall -g @angular/cli
npm cache verify
npm install -g @angular/[email protected]

কেবলমাত্র নিম্নলিখিত আদেশটি কার্যকর করুন এবং ত্রুটিটি সমাধান করা হয়েছিল

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

    এই ত্রুটিটি যদি উপরের কমান্ডের দ্বারা সমাধান করা না যায় তাই আপনি নোড সংস্করণ আপডেট করেন

    • এনপিএম আপডেট এনএমপি-জি

ডেভ নির্ভরতা হিসাবে @angular-devkit/build-angular ইনস্টল করুন। এই প্যাকেজটি নতুনভাবে অ্যাঙ্গুলার 6.0 এ চালু হয়েছে

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

বা,

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


নিম্নলিখিত কমান্ডগুলি কাজ করে:

npm install
ng update

- আপনি "আপনি আপনার প্যাকেজটি বিশ্লেষণ করেছেন এবং জেসনটি সবকিছু ঠিকঠাকভাবে করেছে বলে মনে হচ্ছে Good ভাল কাজ!" বার্তাটি দেখতে পাবেন!

npm update

তারপরে দেব বিল্ড চেষ্টা করুন

ng build 

টাইপ স্ক্রিপ্টের সাথে ত্রুটি পেয়েছি, এতে ডাউনগ্রেড হয়েছে

npm install [email protected]">=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

নিম্নলিখিত চালানো আমার জন্য npm audit fix --force কাজ করে


প্রথমে চেষ্টা করে দেখুন

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

অনুপস্থিত প্যাকেজগুলির জন্য কিছু ত্রুটি হলে আবার চেষ্টা করুন

npm install

যদি নিম্নলিখিত কমান্ডটি কাজ করে না,

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

তারপরে প্রজেক্ট ফোল্ডারে যান এবং এই কমান্ডটি চালান:

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

আপনার সিএলআই-এর নীচে আদেশটি কার্যকর করুন:

  • এনপিএম ইনস্টল

npm install শুধু npm install টাইপ করুন এবং রান করুন.তখন প্রকল্পটি ত্রুটি ছাড়াই চলবে। অথবা আপনি npm install --save-dev @angular-devkit/build-angular করতে পারেন npm install --save-dev @angular-devkit/build-angular


npm update

এটি একটি মোহন মত কাজ করে।


  • নোড_মডিউলগুলি মুছুন।
  • 'এনপিএম ক্যাশে পরিষ্কার --verify' ব্যবহার করে ক্যাশে সাফ করুন।
  • এবং তারপরে আবার এনপিএম ইনস্টল করুন।

আমার জন্য একটি কবজ ভালো কাজ করে।