web-dev-qa-db-fra.com

Angular 6.0.1 La CLI génère une erreur "Architect" lors de l'exécution de "ng lint --type-check"

Après la mise à jour de la CLI Angular et Angular vers la v6, la configuration de la charpie génère l'erreur suivante chaque fois que j'essaie d'exécuter ng lint --type-check:

Les commandes d'architecte avec plusieurs cibles ne peuvent pas spécifier de substitutions. «lint» serait exécuté sur les projets suivants: atlas-fe, atlas-fe-e2e

Erreur: les commandes d'architecte avec plusieurs cibles ne peuvent pas spécifier de substitutions. «lint» serait exécuté sur les projets suivants: atlas-fe, atlas-fe-e2e
At LintCommand.validate (/home/nroma/workspace/atlas/proto-fe/node_modules/@angular/cli/models/architect-command.js:75:23)
At /home/nroma/workspace/atlas/proto-fe/node_modules/@angular/cli/models/command-runner.js:274:39
At Generator.next ()
At /home/nroma/workspace/atlas/proto-fe/node_modules/@angular/cli/models/command-runner.js:7:71
À la nouvelle promesse ()
At __awaiter (/home/nroma/workspace/atlas/proto-fe/node_modules/@angular/cli/models/command-runner.js:3:12)
At validateAndRunCommand (/home/nroma/workspace/atlas/proto-fe/node_modules/@angular/cli/models/command-runner.js:273:12)
À Object. (/home/nroma/workspace/atlas/proto-fe/node_modules/@angular/cli/models/command-runner.js:100:26)
At Generator.next ()
At accompli (/home/nroma/workspace/atlas/proto-fe/node_modules/@angular/cli/models/command-runner.js:4:58) 

J'utilise node v9.9.0 (npm v6.0.1) .

Ceci est mon package.json :

{
  "name": "atlas-fe",
  "version": "0.0.0",
  "license": "MIT",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "test": "ng test",
    "lint": "npm run lint-ts && npm run lint-css",
    "lint-ts": "npm run format-ts && ng lint --type-check",
    "lint-css": "npm run format-css && stylelint \"src/**/*.{scss,css}\"",
    "format": "npm run format-ts && npm run format-css",
    "format-ts": "clang-format -i --glob=\"{src,e2e}/**/*.{js,ts}\"",
    "format-css": "stylefmt -c .stylelintrc -r \"src/**/*.{scss,css}\"",
    "e2e": "ng e2e",
    "precommit": "npm run lint"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^6.0.1",
    "@angular/cdk": "^6.0.1",
    "@angular/common": "^6.0.1",
    "@angular/compiler": "^6.0.1",
    "@angular/core": "^6.0.1",
    "@angular/flex-layout": "6.0.0-beta.15",
    "@angular/forms": "^6.0.1",
    "@angular/http": "^6.0.1",
    "@angular/material": "^6.0.1",
    "@angular/platform-browser": "^6.0.1",
    "@angular/platform-browser-dynamic": "^6.0.1",
    "@angular/router": "^6.0.1",
    "core-js": "^2.4.1",
    "Fuse.js": "^3.2.0",
    "rxjs": "^6.1.0",
    "zone.js": "^0.8.14"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^0.6.1",
    "@angular/cli": "^6.0.1",
    "@angular/compiler-cli": "^6.0.1",
    "@angular/language-service": "^6.0.1",
    "@types/jasmine": "~2.5.53",
    "@types/jasminewd2": "~2.0.2",
    "@types/node": "~6.0.60",
    "clang-format": "^1.2.2",
    "codelyzer": "^4.1.0",
    "husky": "^0.14.3",
    "jasmine-core": "~2.6.2",
    "jasmine-spec-reporter": "~4.1.0",
    "karma": "~1.7.0",
    "karma-chrome-launcher": "~2.1.1",
    "karma-cli": "~1.0.1",
    "karma-coverage-istanbul-reporter": "^1.2.1",
    "karma-jasmine": "~1.1.0",
    "karma-jasmine-html-reporter": "^0.2.2",
    "node-sass": "^4.5.3",
    "protractor": "~5.1.2",
    "stylefmt": "^6.0.0",
    "stylelint-config-recommended": "^1.0.0",
    "ts-node": "~3.2.0",
    "tslint": "~5.7.0",
    "TypeScript": "~2.7.2"
  }
}
angularangular-clilintangular6angular-cli-v6
4
Nuno Roma

Il semble que la CLI définit maintenant deux applications pour votre: votre-site et votre-site-e2e. L'exécution de ng lint exécute implicitement les deux en ajoutant les deux noms de projet après la commande, quelque part sous le capot. 

Toutefois, si vous ajoutez l'indicateur --type-check à votre commande, le résultat implicite devient ng lint --type-check your-site your-site-e2e, qui correspond à un ordre d'arguments non valide.

Pour résoudre ce problème, changez la ligne suivante:

"lint-ts": "npm run format-ts && ng lint --type-check",

à la variante explicite:

"lint-ts": "npm run format-ts && ng lint atlas-fe atlas-fe-e2e --type-check",

Il y a un problème ouvert à ce sujet sur le angular-cli github mais jusqu'à présent, il n'y a pas beaucoup d'activité.

4
Stephan Muller

J'ai finalement trouvé une solution à ce problème. Vous devez spécifier la cible de la commande lint qui est à la fois la project et le project-e2e. Donc, dans mon cas, j'avais cet objet dans mon script:

"ng": "ng",
"start": "ng serve",
"build": "ng build --prod ",
"test": "ng test",
"lint": "ng lint --force ",

Je viens de changer la ligne de charpie:

    "ng": "ng",
    "start": "ng serve",
    "build": "ng build --prod",
    "lint": "ng lint --force name-project name-project-e2e",
0
Melchia