web-dev-qa-db-fra.com

Ionic Uncaught Error: Impossible de trouver le module "." lors de l'importation d'un fournisseur de services

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.

5
KnowledgeSeeker

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.

10
KnowledgeSeeker

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.

0
MoleIsKing