Mettre à jour son application

**Adesfire** · 04/11/2021, 16h22

Bonjour,
aujourd'hui j'ai decide de deployer mon app en cours de developpement sur un nouveau dossier pour realiser certains test.
En lancant la commande npm install avoir avoir cloné mon repo, je me retrouve avec pas mal de warnings:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
npm install
npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated
npm WARN deprecated har-validator@5.1.5: this library is no longer supported
npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated
npm WARN deprecated chokidar@2.1.8: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
npm WARN deprecated querystring@0.2.0: The querystring API is considered Legacy. new code should use the URLSearchParams API instead.
npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.
npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random foog/math-random for details.
npm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random foog/math-random for details.
npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
npm WARN deprecated tslint@6.1.3: TSLint has been deprecated in favor of ESLint. Please see https://github.com/palantir/tslint/issues/4534 for more information.
added 1357 packages, and audited 1358 packages in 26s
88 packages are looking for funding
run `npm fund` for details
26 vulnerabilities (7 moderate, 19 high)
To address issues that do not require attention, run:
npm audit fix
To address all issues (including breaking changes), run:
npm audit fix --force
Run `npm audit` for details.

Je me decide donc a mettre à jour, mais catastrophe, le terminal me parle et cela ne me dit rien

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
npm update
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: my-app@0.0.0
npm ERR! Found: @angular/compiler@12.1.5
npm ERR! node_modules/@angular/compiler
npm ERR!   @angular/compiler@"~12.1.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/compiler@"12.2.13" from @angular/localize@12.2.13
npm ERR! node_modules/@angular/localize
npm ERR!   dev @angular/localize@"^12.1.5" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

J'ai fait quelques recherches eveidemment, --force l'update, tenté de modifier mon package.json mais je ne fais que provoquer de plus en plus d'erreurs...

On est loin de la simplicité d'un yum update ; yum upgrade

Je ne vois par que bout prendre cette manipulation, pour info :

Mes lib outdated:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
Package                                   Current          Wanted          Latest  Location                                        Depended by
@angular-devkit/build-angular              12.1.4          12.1.4          13.0.1  node_modules/@angular-devkit/build-angular      test
@angular/animations                        12.1.5          12.1.5          13.0.0  node_modules/@angular/animations                test
@angular/cdk                               12.2.1         12.2.12          13.0.0  node_modules/@angular/cdk                       test
@angular/common                            12.1.5          12.1.5          13.0.0  node_modules/@angular/common                    test
@angular/compiler                          12.1.5          12.1.5          13.0.0  node_modules/@angular/compiler                  test
@angular/compiler-cli                      12.1.5          12.1.5          13.0.0  node_modules/@angular/compiler-cli              test
@angular/core                              12.1.5          12.1.5          13.0.0  node_modules/@angular/core                      test
@angular/flex-layout               12.0.0-beta.34  12.0.0-beta.35  12.0.0-beta.35  node_modules/@angular/flex-layout               test
@angular/forms                             12.1.5          12.1.5          13.0.0  node_modules/@angular/forms                     test
@angular/localize                          12.2.1         12.2.13          13.0.0  node_modules/@angular/localize                  test
@angular/material                          12.2.1         12.2.12          13.0.0  node_modules/@angular/material                  test
@angular/platform-browser                  12.1.5          12.1.5          13.0.0  node_modules/@angular/platform-browser          test
@angular/platform-browser-dynamic          12.1.5          12.1.5          13.0.0  node_modules/@angular/platform-browser-dynamic  test
@angular/router                            12.1.5          12.1.5          13.0.0  node_modules/@angular/router                    test
@angular/service-worker                    12.1.5          12.1.5          13.0.0  node_modules/@angular/service-worker            test
@types/jasmine                              3.8.2           3.8.2          3.10.2  node_modules/@types/jasmine                     test
@types/node                              12.20.19        12.20.36         16.11.6  node_modules/@types/node                        test
jasmine-core                                3.8.0           3.8.0          3.10.1  node_modules/jasmine-core                       test
karma                                       6.3.4           6.3.7           6.3.7  node_modules/karma                              test
keycloak-angular                            8.3.0           8.4.0           8.4.0  node_modules/keycloak-angular                   test
keycloak-js                                14.0.0          14.0.0          15.0.2  node_modules/keycloak-js                        test
rxjs                                        6.6.7           6.6.7           7.4.0  node_modules/rxjs                               test
typescript                                  4.3.5           4.3.5           4.4.4  node_modules/typescript                         test

Mon fichier packages.json

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
 
{
  "name": "core-frontend",
  "version": "0.0.0",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "watch": "ng build --watch --configuration development",
    "test": "ng test"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "~12.1.0",
    "@angular/cdk": "^12.2.1",
    "@angular/common": "~12.1.0",
    "@angular/compiler": "~12.1.0",
    "@angular/core": "~12.1.0",
    "@angular/flex-layout": "^12.0.0-beta.34",
    "@angular/forms": "~12.1.0",
    "@angular/material": "^12.2.0",
    "@angular/platform-browser": "~12.1.0",
    "@angular/platform-browser-dynamic": "~12.1.0",
    "@angular/router": "~12.1.0",
    "@angular/service-worker": "~12.1.0",
    "cropperjs": "^1.5.12",
    "keycloak-angular": "^8.3.0",
    "keycloak-js": "^14.0.0",
    "rxjs": "~6.6.0",
    "tslib": "^2.2.0",
    "tslint": "^6.1.3",
    "zone.js": "~0.11.4"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~12.1.4",
    "@angular/cli": "~12.1.4",
    "@angular/compiler-cli": "~12.1.0",
    "@angular/localize": "^12.1.5",
    "@types/jasmine": "~3.8.0",
    "@types/node": "^12.11.1",
    "jasmine-core": "~3.8.0",
    "karma": "~6.3.0",
    "karma-chrome-launcher": "~3.1.0",
    "karma-coverage": "~2.0.3",
    "karma-jasmine": "~4.0.0",
    "karma-jasmine-html-reporter": "~1.7.0",
    "typescript": "~4.3.2"
  }
}

J'aimerais bien un peu d'aide parceque j'ai l'impression que l'affaire est complexe

Merci par avance pour toute pistes qui pourrait aider !

**krakatoa** · 04/11/2021, 16h57

à l'origine c'est quelle version d'angular ?

tu as fait ceci ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
ng update @angular/cli @angular/core

essaye

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
npm audit fix

bon après si tu t'en sors pas, voici une autre technique :

(1)
tu créais un projet angular 12

(2)
dans ce projet, tu lances toutes les dependances externes que tu as ajouté (voir package.json du projet d'origine)
en faisant:
npm i .....nom...package.....

(3)
tu copie colle le /src du projet d'origine dans le nouveau

(4) tu execute et peut etre quelques modification à faire

** tu peux voir les modifs a faire :
https://update.angular.io/?v=9.0-12.0

Mettre à jour son application

Angular

Discussions similaires

Partager

Partager