J'essaie d'importer un nouveau fournisseur de services que je viens de créer après avoir extrait la dernière branche de mon application ionique.
Lorsque j'essaie d'importer cette ligne de code:
import { AuthServiceProvider } from '../providers/auth-service'
dans app.module.ts J'ai toujours une erreur qui dit que:
Uncaught Error: Cannot find module "." at webpackMissingModule (index.js:3) at e.code (index.js:3) at Object.<anonymous> (index.js:9) at __webpack_require__ (bootstrap 62d6a5897825ac327001:54) at Object.690 (slide.transition.ts:67) at __webpack_require__ (bootstrap 62d6a5897825ac327001:54) at Object.495 (main.js:1885) at __webpack_require__ (bootstrap 62d6a5897825ac327001:54) at Object.487 (notification-api.ts:6) at __webpack_require__ (bootstrap 62d6a5897825ac327001:54)
Notez cependant que j'importe également un autre service de mon fournisseur qui fonctionne parfaitement.
Voici le code de mon auth-service.ts ci-dessous.
import { HttpClient } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Events } from 'ionic-angular/umd';
/*
Generated class for the AuthServiceProvider provider.
See https://angular.io/guide/dependency-injection for more info on providers
and Angular DI.
*/
@Injectable()
export class AuthServiceProvider {
public isLoggedIn = false;
constructor(
public http: HttpClient,
private events: Events
) {
console.log('Hello AuthServiceProvider Provider');
events.subscribe('user:logged-in', (user) => {
this.isLoggedIn = true;
console.log('Welcome', user);
});
}
}
Je ne montrerai pas mon code dans mon app.module.ts car il est bombardé par des plugins d'importation et d'autres fournisseurs.
Voici mon info ionique
cli packages: (/usr/lib/node_modules)
@ionic/cli-utils : 1.19.2
ionic (Ionic CLI) : 3.20.0
forfaits globaux:
cordova (Cordova CLI) : 8.0.0
forfaits locaux:
@ionic/app-scripts : 3.1.8
Cordova Platforms : Android 6.3.0 browser 5.0.3
Ionic Framework : ionic-angular 3.9.2
Système:
Android SDK Tools : 26.1.1
Node : v6.12.2
npm : 4.6.1
OS : Linux 4.13
Variables d'environnement:
Android_HOME : /home/clifford/Android/Sdk
Alors, pourquoi ai-je une erreur dans ce fournisseur de services spécifique par rapport à d’autres fournisseurs qui sont identiques?
Des pensées?
Appréciez si quelqu'un pouvait vous aider ... Merci d'avance.
Je finis par le comprendre pour résoudre le problème. L'erreur se produit lorsque j'importe les événements events from ionic-angular
.
Donc au lieu de: import { Events } from 'ionic-angular/umd';
Supprimez simplement le umd à la fin. Je ne sais pas pourquoi c'est arrivé parce que j'utilise l'importation automatique depuis mon code vs.
J'ai changé import { Events } from 'ionic-angular/umd';
en import { Events } from 'ionic-angular';
. J'utilisais "TypeScript": "~ 2.6.2". J'ai essayé de changer la version de TypeScript et j'ai entendu dire que TypeScript 3.1 pouvait être réparé dans certains cas. Dans mon cas, une fois que je suis allé plus haut que TypeScript 2.8.0, j'ai commencé à avoir d'autres problèmes liés à ionique. À la fin, le correctif ci-dessus fonctionne et je pense qu'il s'agit davantage d'un problème de cadre ionique.