Question

我开始了一个空白的Angular应用并开始关注Auth0的setup guide，选择使用npm install代替使用纱线或包含来自Auth0的CDN的脚本。我没有通过第1步（标题中的“设置您的应用程序代码”）而没有在运行ng serve时出现以下错误：

 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代码（我从Angular的空白设置中修改的唯一代码）：

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没有在我的项目中放置“auth”文件夹，似乎我的app.component.ts文件中的第二行代码试图引用“auth”文件夹。

Answer 1

@joevern

好像您正在使用不再有效的设置指南。这是包文档的更新链接。

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

要开始使用，您需要做的只是npm install auth0-js包，然后将其导入您的组件中。

import * as auth0 from "auth0-js";

关于如何使用变量auth0，您可以参考文档。

Answer 2

Auth0支持将我链接到this solution。我无法实现它，因为我无法更改项目的回调URI，但我将它留在此处进行记录。

Answer 3

您必须编写自己的服务，或者可以下载和使用类似https://github.com/cornflourblue/angular-7-registration-login-example/tree/master/src/app/_services

的库

找不到模块'./auth/auth.service'

3 个答案: