Je suis nouveau à angular. Je viens d'installer du matériel angulaire et des animations angulaires dans mon petit projet et j'ai quelques erreurs
Je viens de lancer le code npm install --save @angular/material @angular/animations.
C'est mon package.json
{
"name": "cerpnew",
"version": "0.0.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "^4.4.6",
"@angular/common": "^4.2.4",
"@angular/compiler": "^4.2.4",
"@angular/core": "^4.2.4",
"@angular/forms": "^4.2.4",
"@angular/http": "^4.2.4",
"@angular/material": "^2.0.0-beta.12",
"@angular/platform-browser": "^4.2.4",
"@angular/platform-browser-dynamic": "^4.2.4",
"@angular/router": "^4.2.4",
"@types/angular-material": "^1.1.54",
"angular-2-dropdown-multiselect": "^1.6.0",
"angular-2-local-storage": "^1.0.1",
"bootstrap": "^3.3.7",
"bootstrap-select": "^1.12.4",
"core-js": "^2.4.1",
"jquery": "^3.2.1",
"ng-checkbox": "^1.0.2",
"ng2-bootstrap-modal": "^1.0.1",
"ng2-daterangepicker": "^2.0.10",
"react-datepicker": "^0.55.0",
"rxjs": "^5.4.2",
"select-picker": "^0.3.1",
"sweetalert": "^2.0.5",
"zone.js": "^0.8.14"
},
"devDependencies": {
"@angular/cli": "1.4.5",
"@angular/compiler-cli": "^4.2.4",
"@angular/language-service": "^4.2.4",
"@types/jasmine": "~2.5.53",
"@types/jasminewd2": "~2.0.2",
"@types/jquery": "^3.2.13",
"@types/node": "~6.0.60",
"codelyzer": "~3.2.0",
"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",
"protractor": "~5.1.2",
"ts-node": "~3.2.0",
"tslint": "~5.7.0",
"TypeScript": "~2.3.3"
}
}
Lors de l'exécution de ng-serve j'ai eu les erreurs suivantes.
ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/select/typings/select.d.ts (9,32): Impossible de trouver le module '@ angular/cdk/bidi'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/core/typings/ripple/ripple-renderer.d.ts (9,26): Impossible de trouver le module '@ angular/cdk/platform'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/autocomplete/typings/autocomplete.d.ts (10,44): Impossible de trouver le module '@ angular/c dk/a11y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/autocomplete/typings/autocomplete-trigger.d.ts (8,32): Impossible de trouver le module '@an gular/cdk/bidi'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/autocomplete/typings/autocomplete-trigger.d.ts (9,67): Impossible de trouver le module '@an gular/cdk/overlay'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/button/typings/button.d.ts (9,26): Impossible de trouver le module '@ angular/cdk/platform'.
ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/button/typings/button.d.ts (11,30): Impossible de trouver le module '@ angular/cdk/a11y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/button-toggle/typings/button-toggle.d.ts (11,30): Impossible de trouver le module '@angular/cdk/a11y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/button-toggle/typings/button-toggle.d.ts (12,43): Impossible de trouver le module '@angular/cdk/collections'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/checkbox/typings/checkbox.d.ts (4,30): Impossible de trouver le module '@ angular/cdk/a11y'.
ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/chips/typings/chip.d.ts (8,33): Impossible de trouver le module '@ angular/cdk/a11y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/chips/typings/chip-list.d.ts (8,33): Impossible de trouver le module '@ angular/cdk/a11y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/chips/typings/chip-list.d.ts (9,32): Impossible de trouver le module '@ angular/cdk/bidi'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/chips/typings/chip-list.d.ts (10,32): Impossible de trouver le module '@ angular/cdk/collect ions'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/dialog/typings/dialog-config.d.ts (9,27): Impossible de trouver le module '@ angular/cdk/bid i'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/dialog/typings/dialog-container.d.ts (10,86): Impossible de trouver le module '@ angular/cdk/portal'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/dialog/typings/dialog-container.d.ts (11,34): Impossible de trouver le module '@ angular/cdk/a11y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/dialog/typings/dialog-ref.d.ts (8,28): Impossible de trouver le module '@ angular/cdk/overla y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/dialog/typings/dialog.d.ts (1,62): Impossible de trouver le module '@ angular/cdk/overlay'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/dialog/typings/dialog.d.ts (2,31): Impossible de trouver le module '@ angular/cdk/portal'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/datepicker/typings/datepicker.d.ts (8,32): Impossible de trouver le module '@ angular/cdk/bi di'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/datepicker/typings/datepicker.d.ts (9,67): Impossible de trouver le module '@ angular/cdk/ov erlay'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/expansion/typings/accordion-item.d.ts (9,43): Impossible de trouver le module '@ angular/cdk/collections'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/expansion/typings/expansion-panel.d.ts (2,43): Impossible de trouver le module '@ angular/cd k/collections'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/expansion/typings/expansion-panel-header.d.ts (1,30): Impossible de trouver le module '@ang ular/cdk/a11y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/grid-list/typings/grid-list.d.ts (10,32): Impossible de trouver le module '@ angular/cdk/bid i'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/input/typings/autosize.d.ts (9,26): Impossible de trouver le module '@ angular/cdk/platform'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/input/typings/input.d.ts (10,26): Impossible de trouver le module '@ angular/cdk/platform'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/list/typings/selection-list.d.ts (8,50): Impossible de trouver le module '@ angular/cdk/a11y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/list/typings/selection-list.d.ts (9,32): Impossible de trouver le module '@ angular/cdk/coll ections'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/menu/typings/menu-item.d.ts (8,33): Impossible de trouver le module '@ angular/cdk/a11y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/menu/typings/menu-pan.d.ts (10,27): Impossible de trouver le module '@ angular/cdk/bidi'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/menu/typings/menu-directive.d.ts (9,27): Impossible de trouver le module '@ angular/cdk/bidi'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/menu/typings/menu-trigger.d.ts (1,43): Impossible de trouver le module '@ angular/cdk/bidi'.
ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/menu/typings/menu-trigger.d.ts (2,67): Impossible de trouver le module '@ angular/cdk/overla y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/progress-spinner/typings/progress-spinner.d.ts (10,26): Impossible de trouver le module '@a ngular/cdk/platform'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/radio/typings/radio.d.ts (11,43): Impossible de trouver le module '@ angular/cdk/collections'. ERROR in E: /angular2/CERPNEW/node_modules/@angular/material/radio/typings/radio.d.ts (12,30): Impossible de trouver le module '@ angular/cdk/a11y'. ERROR in E: /angular2/CERPNEW/node_modules/@angular/material/select/typings/select.d.ts (8,44): Impossible de trouver le module '@ angular/cdk/a11y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/core/typings/ripple/ripple.d.ts (9,26): Impossible de trouver le module '@ angular/cdk/platf orm'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/select/typings/select.d.ts (10,32): Impossible de trouver le module '@ angular/cdk/collectio ns'. ERROR in E: /angular2/CERPNEW/node_modules/@angular/material/select/typings/select.d.ts (11,109): Impossible de trouver le module '@ angular/cdk/overlay'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/sidenav/typings/drawer.d.ts (9,34): Impossible de trouver le module '@ angular/cdk/a11y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/sidenav/typings/drawer.d.ts (10,32): Impossible de trouver le module '@ angular/cdk/bidi'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/slide-toggle/typings/slide-toggle.d.ts (9,26): Impossible de trouver le module '@ angular/cd k/platform'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/slide-toggle/typings/slide-toggle.d.ts (12,30): Impossible de trouver le module '@ angular/c dk/a11y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/slider/typings/slider.d.ts (8,32): Impossible de trouver le module '@ angular/cdk/bidi'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/slider/typings/slider.d.ts (12,30): Impossible de trouver le module '@ angular/cdk/a11y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/snack-bar/typings/snack-bar-config.d.ts (9,36): Impossible de trouver le module '@ angular/c dk/a11y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/snack-bar/typings/snack-bar-config.d.ts (10,27): Impossible de trouver le module '@ angular/cdk/bidi'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/snack-bar/typings/snack-bar-container.d.ts (10,70): Impossible de trouver le module '@angul ar/cdk/portal'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/snack-bar/typings/snack-bar-ref.d.ts (8,28): Impossible de trouver le module '@ angular/cdk/overlay'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/snack-bar/typings/snack-bar.d.ts (8,31): Impossible de trouver le module '@ angular/cdk/a11y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/snack-bar/typings/snack-bar.d.ts (9,25): Impossible de trouver le module '@ angular/cdk/over lay'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/snack-bar/typings/snack-bar.d.ts (10,31): Impossible de trouver le module '@ angular/cdk/por tal'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/sort/typings/sort-header.d.ts (9,30): Impossible de trouver le module '@ angular/cdk/table'.
ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/stepper/typings/step-label.d.ts (9,30): Impossible de trouver le module '@ angular/cdk/stepp er'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/stepper/typings/stepper.d.ts (1,37): Impossible de trouver le module '@ angular/cdk/stepper'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/stepper/typings/stepper-button.d.ts (1,52): Impossible de trouver le module '@ angular/cdk/s tepper'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/stepper/typings/step-header.d.ts (8,30): Impossible de trouver le module '@ angular/cdk/a11y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/table/typings/cell.d.ts (9,84): Impossible de trouver le module '@ angular/cdk/table'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/table/typings/table.d.ts (1,26): Impossible de trouver le module '@ angular/cdk/table'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/table/typings/row.d.ts (1,66): Impossible de trouver le module '@ angular/cdk/table'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/tabs/typings/tab-label.d.ts (9,41): Impossible de trouver le module '@ angular/cdk/portal'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/tabs/typings/tab.d.ts (8,32): Impossible de trouver le module '@ angular/cdk/portal'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/tabs/typings/tab-body.d.ts (10,53): Impossible de trouver le module '@ angular/cdk/portal'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/tabs/typings/tab-body.d.ts (11,43): Impossible de trouver le module '@ angular/cdk/bidi'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/tabs/typings/tab-header.d.ts (8,43): Impossible de trouver le module '@ angular/cdk/bidi'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/tabs/typings/tab-header.d.ts (13,31): Impossible de trouver le module '@ angular/cdk/scrolli ng'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/tabs/typings/tab-nav-bar/tab-nav-bar.d.ts (8,32): Impossible de trouver le module '@angular/cdk/bidi '. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/tabs/typings/tab-nav-bar/tab-nav-bar.d.ts (9,26): Impossible de trouver le module '@angular/cdk/Plate-forme'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/tabs/typings/tab-nav-bar/tab-nav-bar.d.ts (10,31): Impossible de trouver le module '@angula r/cdk/défilement '. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/tooltip/typings/tooltip.d.ts (9,31): Impossible de trouver le module '@ angular/cdk/a11y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/tooltip/typings/tooltip.d.ts (10,32): Impossible de trouver le module '@ angular/cdk/bidi'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/tooltip/typings/tooltip.d.ts (11,156): Impossible de trouver le module '@ angular/cdk/overla y'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/tooltip/typings/tooltip.d.ts (12,26): Impossible de trouver le module '@ angular/cdk/platfor m'. ERREUR dans E: /angular2/CERPNEW/node_modules/@angular/material/tooltip/typings/tooltip.d.ts (13,34): Impossible de trouver le module '@ angular/cdk/scrolli ng'. ERROR in Error: Une erreur s'est produite lors de la résolution statique des valeurs de symbole. Impossible de résoudre les @ angular/cdk/observers par rapport à E:/angular2/CER PNEW/node_modules/@angular/material/checkbox/typings/index.d.ts., Résolution du symbole MatCheckboxModule dans E:/angular2/CERPNEW/node_modules /. @ angular/material/checkbox/typings/index.d.ts, symbole de résolution MatCheckboxModule dans E:/angular2/CERPNEW/node_modules/@ angular/material/che ckbox/typings/index.d.ts à syntaxError (E:\angular2\CERPNEW\node_modules\@angular\compiler\bundles\compiler.umd.js: 1729: 34) à simplifyInContext (E:\angular2\CERPNEW\node_modules\@angular\compiler\bundles\compiler.umd.js: 25118: 23 ) à StaticReflector.simplify (E:\angular2\CERPNEW\node_modules\@angular\compiler\bundles\compiler.umd.js: 25130: 13) à StaticReflector.annotations (E:\angular2\CERPNEW\node_modules\@angular\compiler\bundles\compiler.umd.js: 24558: 41) à _getNgModuleMetadata (E:\angular2\CERPNEW\node_modules\@angular\compiler-cli\src\ngtools_impl.js: 138: 31) à _extractLazyRoutesProduction CERPNEW\node_modules\@angular\c ompiler-cli\src\ngtools_impl.js: 109: 26) dans E:\angular2\CERPNEW\node_modules\@angular\compiler-cli\src\ngtools_impl.js: 129: 27 dans Array.reduce () dans _extractLazyRoute :\angular2\CERPNEW\node_modules\@angular\compiler-cli\src\ngtools_impl.js: 128: 10) à Object.listLazyRoutesOfModule (E:\angular2\CERPNEW\node_modules\@angularmodules\@angularmalculator_clg\src\js: 53: 22) à l'adresse Function.NgTools_InternalApi_NG_2.listLazyRoutes (E:\angular2\CERPNEW\node_modules\@angular\compiler-cli\src\ngtools_api.js: 91: 39) à AotPlugin._getLaz.\node_modules\@ngtools\webpack\src\plugin.js: 207: 44) sur _donePromise.Promise.Polise.resolve.then.then.then.then.then.then (E:\angular2\CERPNEW\node_modules\@ngtools\@ngtools\webpack\src\plugin.js: 443: 24) à l'adresse process._tickCallback (internal/process/next_tick.js: 188: 7)
vous devez installer neccessary @ angular/cdk library pour corriger l’utilisation du dernier @ angular/matériau
Vous pouvez le faire par commande:
npm install --save @angular/material @angular/cdk
Entrez dans le projet Workspace ou Angular avec lequel vous travaillez, ouvrez la commande Invite et exécutez la commande ci-dessous:
npm install --save @ angular/matériel @ angular/cdk
Si l'erreur n'a toujours pas disparu, essayez d'effacer le cache à l'aide de la commande suivante:
npm cache clear --force
Une autre approche pour nettoyer le cache consiste à le supprimer manuellement du système de fichiers à
C:\Utilisateurs \% USER_PROFILE_NAME%\AppData\Roaming\npm-cache
Essayez de supprimer tout ce qui se trouve à l’emplacement ci-dessus, puis de le réexécuter.
npm install --save @ angular/matériel @ angular/cdk
Espérons que cela devrait résoudre votre problème et que ngServe affichera le message concernant la compilation réussie du projet.