2017-10-01 3 views
0

ich eine leere Eckige App und begann setup guide Auth0 die folgenden, entscheiden sich npm install anstatt zu verwenden Garn zu verwenden oder das Skript von Auth0 CDN einschließlich. Ich habe nicht über Stufe 1 („Setup Ihrer Anwendung Code“ in der Kopfzeile), ohne die folgenden Fehler zu bekommen, wenn ich ng serve laufen:nicht gefunden gestartet Modul ‚./auth/auth.service‘

ERROR in /Users/g/Documents/Projects/login/src/app/app.component.ts (2,29): Cannot find module './auth/auth.service'. 
ERROR in /Users/g/Documents/Projects/login/src/app/app.component.ts (10,28): Cannot find name 'Authservice'. 

Hier ist mein app.component.ts Code (die einzige Code I geändert von Angulars leerem Setup):

import { Component } from '@angular/core'; 
import { AuthService } from './auth/auth.service'; 

@Component({ 
    selector: 'app-root', 
    templateUrl: './app.component.html', 
    styleUrls: ['./app.component.css'] 
}) 
export class AppComponent { 
    constructor(public auth: Authservice) { 
    auth.handleAuthentication(); 
    } 
} 

Was mache ich hier falsch? Es gibt nicht viele Möglichkeiten für Fehler im ersten Schritt dieses Handbuchs, aber ich vermute, ein Teil des Problems ist, dass die Ausführung von npm install --save auth0-js keinen "auth" -Ordner in mein Projekt legt und es scheint, dass die zweite Codezeile in meiner app.component.ts-Datei versucht, auf einen "Auth" -Ordner zu verweisen.

+0

Wenn Sie keine Datei mit dem Namen 'auth.service.ts' in einem Ordner namens' auth' haben, der sich im selben Ordner wie Ihre Datei 'app.component.ts' befindet, funktioniert sie nicht. – Baruch

+0

Ich denke, es fehlt eine Sache in den Schritten für die Einrichtung. Sie müssen das Modul "auth0-js" in Ihrem App-Modul importieren. Wenn Sie dies bereits getan haben, dann können Sie den Authservice wie importieren {AuthService} von 'auth0-js'; –

+0

Also @AmanArora, wie würde das aussehen? Ich habe 'import * als auth0 von 'auth0-js' versucht; habe aber die gleichen Fehler. – joevern

Antwort

0

Auth0 Unterstützung verknüpfte mich mit this solution. Ich kann es nicht implementieren, weil ich den Rückruf-URI für mein Projekt nicht ändern kann, aber ich lasse es hier für die Aufzeichnung.

0

@joevern

Scheint, wie Sie eine Setup-Anleitung verwenden, die nicht mehr gültig ist. Hier finden Sie einen aktualisierten Link zur Dokumentation der Pakete.

https://www.npmjs.com/package/auth0-js

Um alles, was Sie npm install ist das auth0-js Paket, tun müssen, beginnen und es dann so in Ihrer Komponente importieren.

import * as auth0 from "auth0-js"; 

Wie Sie die Variable auth0 verwenden können, finden Sie in der Dokumentation.