私はAngular 2プロジェクトにauth0を実装しようとしていますが、ロックウィジェットを使用するのではなく、自分のログインフォームとボタンをカスタマイズします社会的なログイン。ですからauth0ライブラリを自分自身で使用したいのです。バンドルしたいので、index.htmlにインポートしないでください。Auth0-jsとAngular 2(RC5)、WebpackとCLI
私は自分のプロジェクト(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
と一緒にインストールして、期待通りにノードモジュールにタイピングをインストールします。
入力に問題があるようですが、何ですか?そして、それは自分で修正できるものか、誰かが入力をモジュール式に更新するまで待つ必要がありますか?
ありがとうございます!
auth0のタイピングがhttps://www.npmjs.com/package/@types/auth0