web-dev-qa-db-de.com

Ionic Uncatched Fehler: Modul "." Kann nicht gefunden werden. beim Importieren eines Service Providers

Ich versuche, einen neuen Dienstanbieter zu importieren, den ich gerade erstellt habe, nachdem ich ihn aus dem neuesten Zweig meiner ionischen App gezogen habe.

Wenn ich versuche, diese Codezeile zu importieren:

import { AuthServiceProvider } from '../providers/auth-service'

in app.module.ts Ich habe immer eine Fehlermeldung erhalten, die besagt, dass:

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)

Beachten Sie jedoch, dass ich auch einen anderen Dienst meines Providers importiere, der einwandfrei funktioniert.

Hier ist der Code meines auth-service.ts unten.

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);
    });
  }

}

Ich zeige meinen Code nicht in meiner app.module.ts , weil er von Import-Plugins und anderen Anbietern bombardiert wird.

Hier ist meine ionische Info

cli packages: (/usr/lib/node_modules)

@ionic/cli-utils  : 1.19.2
ionic (Ionic CLI) : 3.20.0

globale pakete:

cordova (Cordova CLI) : 8.0.0 

lokale Pakete:

@ionic/app-scripts : 3.1.8
Cordova Platforms  : Android 6.3.0 browser 5.0.3
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 26.1.1
Node              : v6.12.2
npm               : 4.6.1 
OS                : Linux 4.13

Umgebungsvariablen:

Android_HOME : /home/clifford/Android/Sdk

Warum habe ich also einen Fehler bei diesem bestimmten Dienstanbieter? Vergleichen Sie ihn mit anderen Anbietern, die genau gleich sind.

Irgendwelche Gedanken?

Ich freue mich, wenn jemand helfen könnte. Vielen Dank im Voraus.

5
KnowledgeSeeker

Ich finde es endlich heraus, um das Problem zu lösen. Der Fehler tritt auf, wenn ich die events from ionic-angular importiere.

Also statt: import { Events } from 'ionic-angular/umd';

Entfernen Sie einfach das umd am Ende. Ich weiß nicht, warum es passiert ist, weil ich den automatischen Import von meinem vs-Code verwende.

10
KnowledgeSeeker

Ich habe import { Events } from 'ionic-angular/umd'; in import { Events } from 'ionic-angular'; geändert. Ich habe "TypeScript" verwendet: "~ 2.6.2". Ich habe versucht, die Version von TypeScript zu ändern, und ich habe gehört, dass TypeScript 3.1 in einigen Fällen behoben werden kann. In meinem Fall ging ich höher als TypeScript 2.8.0 und bekam andere Probleme im Zusammenhang mit ionischen Problemen. Am Ende funktioniert der obige Fix, und ich denke, dass dies eher ein ionisches Rahmenproblem ist.

0
MoleIsKing