Auth0-js с Angular 2 (RC5), Webpack и CLI

Question

Я пытаюсь реализовать auth0 в своем проекте Angular 2, и я не хочу использовать виджет блокировки, но вместо этого настраиваю свою собственную форму входа и кнопки для социальный вход. Поэтому я хочу использовать auth0-library на своем собственном. И я хочу, чтобы это было в комплекте, поэтому не импортируйте его в index.html.

Я использовал CLI для разработки моего проекта (1.0.0-beta.11-webpack.2) и установил auth0-js с NPM. Я могу найти папку auth0-js в моих node_modules, теперь мне просто нужно подключить ее к моему приложению.

// 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. 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' 
}); 

Quick типизации работать вокруг SRC/typings.d.ts

declare var Auth0: any; 

А лучший способ сделать типизации:

• В стойло auth0 типизации https://www.npmjs.com/package/@types/auth0
• Обновите TSconfig "types": ["auth0"]