带有Angular 2（RC5），Webpack和CLI的Auth0-js

Question

我正在尝试将auth0实现到我的Angular 2项目中，并且我不想使用锁小部件，而是自定义自己的登录表单和用于社交登录的按钮。 因此，我想单独使用auth0-library。 而且我希望将其捆绑在一起，所以不要将其导入index.html中。

我使用CLI搭建了我的项目（1.0.0-beta.11-webpack.2），并使用NPM安装了auth0-js。 我可以在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.ts'不是模块。

尽管输入不起作用，但看来该应用正在运行。 我已经使用npm i @types/auth0-js --save安装了它，并且按预期将npm i @types/auth0-js --save安装到我的节点模块中。

似乎打字有问题，但是什么呢？ 这是我可以自己解决的问题，还是必须等到有人将类型更新为模块化后再进行？

谢谢！！

Answer 1

我尚未使用Auth0。 但是我认为这应该可行。

主要

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;

更好的打字方式：

• 安装auth0输入https://www.npmjs.com/package/@types/auth0
• 更新您的tsconfig "types": ["auth0"]