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.
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.
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.