Discussion :

[TBA_78]

Bonjour,

J'ai besoin d'installer firestore dans mon projet Angular CLI: 16.2.3 / Ionic 7.1.1 (CLI: 5.4.16) / Node js 18.15.

Je n'ai d'autre erreur que : npm ERR! could not determine executable to run

Je précise que node est bien dans ma variable path. J'ai lu de nombreux messages sur les forums ou certains rencontraient la même erreur, mais sans trouver pourquoi.

Je vous remercie de votre aide

[Pytet]

Bonjour,

Consulte les logs dans le dossier .npm pour avoir plus de détail sur l'erreur rencontrée.
Tu peux utiliser la commande npm config get cache pour localiser le dossier .npm

[TBA_78]

Bonjour,

J'ai ce log qui me redirige vers les fichiers js : ça peut vouloir dire que les versions ne sont pas compatibles?

0 verbose cli C:\Program Files\nodejs\node.exe C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js
1 info using npm@9.5.0
2 info using node@v18.15.0
3 timing npm:load:whichnode Completed in 2ms
4 timing config:load:defaults Completed in 1ms
5 timing config:load:file:C:\Program Files\nodejs\node_modules\npm\npmrc Completed in 2ms
6 timing config:load:builtin Completed in 2ms
7 timing config:load:cli Completed in 1ms
8 timing config:load:env Completed in 0ms
9 timing config:load:file:D:\CORDOVA\monAgenda\.npmrc Completed in 0ms
10 timing config:load:project Completed in 0ms
11 timing config:load:file:C:\Users\moi\.npmrc Completed in 0ms
12 timing config:load:user Completed in 0ms
13 timing config:load:file:C:\Users\moi\AppData\Roaming\npm\etc\npmrc Completed in 0ms
14 timing config:load:global Completed in 0ms
15 timing config:load:setEnvs Completed in 1ms
16 timing config:load Completed in 7ms
17 timing npm:load:configload Completed in 7ms
18 timing npm:load:mkdirpcache Completed in 1ms
19 timing npm:load:mkdirplogs Completed in 0ms
20 verbose title npm exec install @angular/fire/firestore
21 verbose argv "exec" "--" "install" "@angular/fire/firestore"
22 timing npm:load:setTitle Completed in 1ms
23 timing config:load:flatten Completed in 3ms
24 timing npm:load:display Completed in 3ms
25 verbose logfile logs-max:10 dir:C:\Users\moi\AppData\Local\npm-cache\_logs\2023-09-25T14_35_30_542Z-
26 verbose logfile C:\Users\moi\AppData\Local\npm-cache\_logs\2023-09-25T14_35_30_542Z-debug-0.log
27 timing npm:load:logFile Completed in 5ms
28 timing npm:load:timers Completed in 0ms
29 timing npm:load:configScope Completed in 0ms
30 timing npm:load Completed in 19ms
31 silly logfile done cleaning log files
32 timing arborist:ctor Completed in 1ms
33 timing arborist:ctor Completed in 0ms
34 http fetch GET 200 https://registry.npmjs.org/install 873ms (cache revalidated)
35 timing command:exec Completed in 1667ms
36 verbose stack Error: could not determine executable to run
36 verbose stack at getBinFromManifest (C:\Program Files\nodejs\node_modules\npm\node_modules\libnpmexec\lib\get-bin-from-manifest.js:17:23)
36 verbose stack at exec (C:\Program Files\nodejs\node_modules\npm\node_modules\libnpmexec\lib\index.js:185:15)
36 verbose stack at async module.exports (C:\Program Files\nodejs\node_modules\npm\lib\cli.js:134:5)
37 verbose pkgid install@0.13.0
38 verbose cwd D:\CORDOVA\monAgenda
39 verbose Windows_NT 10.0.22621
40 verbose node v18.15.0
41 verbose npm v9.5.0
42 error could not determine executable to run
43 verbose exit 1
44 timing npm Completed in 1706ms
45 verbose code 1
46 error A complete log of this run can be found in:
46 error C:\Users\moi\AppData\Local\npm-cache\_logs\2023-09-25T14_35_30_542Z-debug-0.log

[Pytet]

L'erreur semble en effet souvent venir d'un problème d'incompatibilité.

D'après le log, l'erreur survient lors de l'installation de benjamn/install
Est-ce une dépendance présente dans ton fichier package.json ?
Ce projet n'a pas été mis à jour depuis 4 ans, l'erreur vient peut-être du fait que celui-ci est obsolète.

L'erreur est déclenchée dans la fonction getBinFromManifest pour cette dépendance.
Peut-être essayer de mettre à jour npm puis de désinstaller et réinstaller la dépendance benjamn/install si celle-ci est nécessaire.

[TBA_78]

J'ai tout réinstallé mais c'est toujours la même erreur alors que mes variables sont bonnes :

[Pytet]

Le problème ne vient pas des variables d'environnement.

Quelle est la commande qui déclenche l'erreur rencontrée ?

Sauf erreur, le package angular/fire devrait être installé dans ton projet via le cli angular avec la commande ng add @angular/fire d'après la doc.

[TBA_78]

Quand j'importe :

Code js :

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

import { AngularFirestore } from '@angular/fire/firestore';

j'ai l'erreur : Le module '"@angular/fire/firestore"' n'a aucun membre exporté 'AngularFirestore'.ts(2305)
import AngularFirestore

Alors j'essai de réinstaller :

PS D:\monAgenda> npx install @angular/fire/firestore
npm ERR! could not determine executable to run

npm ERR! A complete log of this run can be found in: C:\Users\tbaro\AppData\Local\npm-cache\_logs\2023-09-27T19_45_13_470Z-debug-0.log

[Pytet]

Tu suis quelle documentation ? A priori il ne faut pas utiliser npx.

As-tu essayé d'exécuter la commande ng add @angular/fire à la racine de ton projet ?
Si la commande ng n'est pas reconnue, tu dois au préalable installer le cli angular avec la commande npm install -g @angular/cli

[TBA_78]

Oui, ça, c'est fait mais quand je lance avec ionic serve, j'ai cette erreur :

Error: src/app/home/home.page.ts:2:10 - error TS2305: Module '"@angular/fire/firestore"' has no exported member 'AngularFirestore'.
[ng]
[ng] 2 import { AngularFirestore } from '@angular/fire/firestore';

Voici home.page.ts :

Code js :

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
import { Component } from '@angular/core';
import { AngularFirestore } from '@angular/fire/firestore';
import { environment } from 'src/environments/environment';
import * as firebase from 'firebase/app';
 
@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {
  titre: string = '';
  description: string = '';
  selectedDate: Date = new Date();
 
  constructor(private firestore: AngularFirestore) {
    firebase.initializeApp(environment.firebaseConfig);
  }
 
  enregistrerDonnees() {
    this.firestore.collection('taches').add({
      titre: this.titre,
      description: this.description,
      date: this.selectedDate
    })
    .then((docRef) => {
      console.log('Document enregistré avec l\'ID : ', docRef.id);
    })
    .catch((error) => {
      console.error('Erreur lors de l\'enregistrement du document : ', error);
    });
  }
 
  calendarOpen = false;
 
  toggleCalendar() {
    this.calendarOpen = !this.calendarOpen;
  }
}

Je précise que le dossier @angular/fire/firestore est bien présent dans node_modules

[Pytet]

Regarde les exemples : https://github.com/angular/angularfi...l-and-setup.md

C'est import { Firestore } from '@angular/fire/firestore'; à la place de import { AngularFirestore }