Auth0-jsとAngular 2（RC5）、WebpackとCLI

Question

私はAngular 2プロジェクトにauth0を実装しようとしていますが、ロックウィジェットを使用するのではなく、自分のログインフォームとボタンをカスタマイズします社会的なログイン。ですからauth0ライブラリを自分自身で使用したいのです。バンドルしたいので、index.htmlにインポートしないでください。

私は自分のプロジェクト（1.0.0-beta.11-webpack.2）をスキャフォールドするためにCLIを使い、auth0-jをNPMにインストールしました。私はnode_modulesで 'auth0-js'フォルダを見つけることができます。今ではアプリに何とか接続するだけです。

// login.component 

import { Component } from '@angular/core'; 
import * as Auth0 from "auth0-js"; 

@Component({ 
    selector: 'app-login', 
    templateUrl: 'login.component.html', 
    styleUrls: ['login.component.css'] 
}) 
export class LoginComponent implements OnInit { 

    auth0: any; 

    constructor() { 
    this.auth0 = new Auth0({ 
     domain: 'myDomain', 
     clientID: 'myClientId', 
     callbackURL: '{http://localhost:4000/}', // in dev-mode 
     callbackOnLocationHash: true 
    }); 
    } 

    loginWithGoogle(connection) { 
    this.auth0.login({ 
     connection: 'google-oauth2' 
    }); 
    } 
} 

は、しかし、私はWebPACKのからこのコンソールメッセージが表示されます：[デフォルト] ......... /node_modules/@types/auth0-js/index.dで

ERRORを。 ts 'はモジュールではありません。

タイピングは機能しませんが、アプリが動作しているようです。私はnpm i @types/auth0-js --saveと一緒にインストールして、期待通りにノードモジュールにタイピングをインストールします。

入力に問題があるようですが、何ですか？そして、それは自分で修正できるものか、誰かが入力をモジュール式に更新するまで待つ必要がありますか？

ありがとうございます！

Answer 1

私はAuth0を使用していません。しかし、私はこれがうまくいくと思います。

：

main.ts

import 'auth0-js/standalone'; 

// Add this to test it. 
var auth0 = new Auth0({ 
    domain:  'mine.auth0.com', 
    clientID:  'dsa7d77dsa7d7', 
    callbackURL: 'http://my-app.com/callback', 
    responseType: 'token' 
}); 

クイックタイピングはSRC/typings.d.ts

declare var Auth0: any; 

周りのタイピングを行うには良い方法を働きます

• Inこれは残念ながらトリックをしなかったあなたのTSconfig "types": ["auth0"]