How add @angular-eslint/schematics? Error

Viewed 168

I want to add @angular-eslint/schematics to a project. But I can't do it. Neither in the admin panel, nor in the user. I tried:

  • ng add @angular-eslint/schematics

  • npm install --save-dev eslint

  • npm i -D @angular-eslint/template-parser

  • ng add @angular-eslint/schematics@latest

  • ng add @angular-eslint/schematics@next

  • ng add @angular-eslint/schematics --legacy-peer-deps

  • ng add @angular-eslint/schematics --force

  • Delete node_modules package-lock chache and reinstall

Error in user

Error in Admin

"dependencies": {
    "@agm/core": "^3.0.0-beta.0",
    "@angular/animations": "^14.0.5",
    "@angular/cdk": "^14.0.4",
    "@angular/common": "^14.0.5",
    "@angular/compiler": "^14.0.5",
    "@angular/core": "^14.0.5",
    "@angular/forms": "^14.0.5",
    "@angular/localize": "^14.0.5",
    "@angular/platform-browser": "^14.0.5",
    "@angular/platform-browser-dynamic": "^14.0.5",
    "@angular/router": "^14.0.5",
    "@fortawesome/angular-fontawesome": "~0.11.1",
    "@fortawesome/fontawesome-svg-core": "~6.1.1",
    "@fortawesome/free-solid-svg-icons": "~6.1.1",
    "@kolkov/ngx-gallery": "^2.0.1",
    "@larscom/ngx-translate-module-loader": "^3.0.6",
    "@ng-bootstrap/ng-bootstrap": "~12.1.2",
    "@ngx-translate/core": "~14.0.0",
    "@ngx-translate/http-loader": "~7.0.0",
    "autoprefixer": "10.4.7",
    "bootstrap": "~5.1.3",
    "chart.js": "^3.8.0",
    "chartjs-plugin-datalabels": "^2.0.0",
    "font-awesome": "~4.7.0",
    "hammerjs": "~2.0.8",
    "lodash": "~4.17.21",
    "ng-animate": "~2.0.1",
    "ng2-charts": "^3.1.0",
    "ng2-nouislider": "^1.8.3",
    "ngx-ellipsis": "^4.0.0",
    "ngx-infinite-scroll": "^13.0.2",
    "ngx-spinner": "~14.0.0",
    "ngx-teximate": "~0.3.0",
    "ngx-translate-multi-http-loader": "^8.0.2",
    "nouislider": "^15.6.0",
    "primeicons": "~5.0.0",
    "primeng": "^13.4.1",
    "rxjs": "~7.5.5",
    "tslib": "^2.4.0",
    "zone.js": "~0.11.6"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^14.0.5",
    "@angular-eslint/template-parser": "^14.0.0",
    "@angular/cli": "^14.0.5",
    "@angular/compiler-cli": "^14.0.5",
    "@types/googlemaps": "^3.39.13",
    "@types/jasmine": "~4.0.3",
    "@types/lodash": "~4.14.182",
    "@types/node": "~18.0.3",
    "@types/uuid": "~8.3.4",
    "eslint": "^8.19.0",
    "jasmine-core": "~4.2.0",
    "karma": "~6.4.0",
    "karma-chrome-launcher": "~3.1.1",
    "karma-coverage": "~2.2.0",
    "karma-jasmine": "~5.1.0",
    "karma-jasmine-html-reporter": "~2.0.0",
    "typescript": "~4.7.4"
  }

"dependencies": {
    "@angular/animations": "^14.0.5",
    "@angular/cdk": "^14.0.4",
    "@angular/common": "^14.0.5",
    "@angular/compiler": "^14.0.5",
    "@angular/core": "^14.0.5",
    "@angular/forms": "^14.0.5",
    "@angular/platform-browser": "^14.0.5",
    "@angular/platform-browser-dynamic": "^14.0.5",
    "@angular/router": "^14.0.5",
    "@kolkov/ngx-gallery": "^2.0.1",
    "@ngx-pwa/local-storage": "^13.0.3",
    "@types/lodash": "^4.14.182",
    "bootstrap": "^5.1.3",
    "eva-icons": "^1.1.3",
    "hammerjs": "^2.0.8",
    "lodash": "^4.17.21",
    "moment": "^2.29.4",
    "ngx-moment": "^6.0.2",
    "ngx-pagination": "^6.0.2",
    "ngx-spinner": "^14.0.0",
    "ngx-toastr": "^15.0.0",
    "normalize.css": "^8.0.1",
    "primeflex": "^3.2.1",
    "primeicons": "^5.0.0",
    "primeng": "^13.4.1",
    "quill": "^1.3.7",
    "rxjs": "~7.5.5",
    "tslib": "^2.4.0",
    "zone.js": "~0.11.6"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^14.0.5",
    "@angular/cli": "^14.0.5",
    "@angular/compiler-cli": "^14.0.5",
    "@types/jasmine": "~4.0.3",
    "@types/node": "^18.0.3",
    "codelyzer": "6.0.2",
    "jasmine-core": "~4.2.0",
    "jasmine-spec-reporter": "~7.0.0",
    "karma": "~6.4.0",
    "karma-chrome-launcher": "~3.1.1",
    "karma-coverage": "~2.2.0",
    "karma-jasmine": "~5.1.0",
    "karma-jasmine-html-reporter": "^2.0.0",
    "protractor": "^7.0.0",
    "ts-node": "~10.8.2",
    "tslint": "~6.1.0",
    "typescript": "~4.7.4"
  }

1 Answers

In my case helped npm i @angular-eslint/schematics --force before add @angular-eslint/schematics

But for some reason ADD does not always work, and before using it, you must first install the library.

Related