2017-10-01 10 views
0

私は空の角度アプリを開始し、Auth0のCDNのスクリプトを含むか、または糸を使用する代わりにnpm installを使用することを選択して、Auth0のsetup guideに従いました。私はng serveを実行すると、次のエラーを取得せずに、過去のステップ1(ヘッダ内の「セットアップアプリケーションのコード」)を得ることはありません。ここで'./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'. 

は私app.component.tsコード(コードのみIであります角度の空白の設定から変更):

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

私はここで間違っていますか?そのガイドの最初のステップではエラーの機会はあまりありませんが、問題の一部は、npm install --save auth0-jsを実行するとプロジェクトに「認証」フォルダが置かれないことです私のapp.component.tsファイルの2行目のコードが "auth"フォルダを参照しようとしているようです。

+0

'auth.service.ts'という名前のファイルが' auth'という名前のフォルダの中にあり、そのファイルが 'app.component.ts'ファイルと同じフォルダにない場合は、動作しません。 – Baruch

+0

私はセットアップのステップで欠けているものが1つあると思います。 あなたのアプリケーションモジュールで "auth0-js"モジュールをインポートする必要があります。 これを既に実行している場合は、 のようなauthserviceを使用できます。{AuthService}を 'auth0-js'からインポートします。 –

+0

だから、@AmanAroraはどのように見えますか?私は 'auth0-js ';から' import *を試しましたが、同じエラーが出ました。 – joevern

答えて

0

Auth0のサポートにリンクされています。プロジェクトのコールバックURIを変更できないため実装できませんが、レコードのためにここに残しています。

0

@joevern

有効なもはやあるセットアップガイドを使用しているように思えます。ここにパッケージのドキュメントへの更新されたリンクがあります。

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

始めるため、すべてを行う必要がnpm installauth0-jsパッケージである、そして、このようなあなたのコンポーネントでそれをインポートします。

変数auth0の使用方法については、マニュアルを参照してください。