Angular 12 Schematics 抛出有关所需属性的错误

如何解决Angular 12 Schematics 抛出有关所需属性的错误

我创建 OktaDev Schematics 是为了向使用框架的相应 CLI（例如，Angular CLI、Create React App、Vue CLI 等）创建的新应用添加 Okta 身份验证。

今天，我发现它不适用于 Angular CLI ~12.0.0-next.9。

重现步骤：

npm i -g @angular/cli@next
ng new foo --routing --style css
ng add @oktadev/schematics

这会导致以下错误：

$ ng add @oktadev/schematics
ℹ Using package manager: npm
✔ Found compatible package version: @oktadev/schematics@3.5.0.
✔ Package information loaded.

The package @oktadev/schematics@3.5.0 will be installed and executed.
Would you like to proceed? Yes
✔ Package successfully installed.
? What is your OIDC app's issuer URL? https://dev-9323263.okta.com/oauth2/default
? What is your OIDC app's client ID? 0oambt69c4LNBiJ7u5d6
Schematic input does not validate against the Schema: {"project":"foo","clientId":"0oambt69c4LNBiJ7u5d6"}
Errors:

  Data path "" must have required property 'issuer'

如果我安装了 Angular CLI v11.2.10，它就可以正常工作。

$ ng add @oktadev/schematics
ℹ Using package manager: npm
✔ Found compatible package version: @oktadev/schematics@3.5.0.
✔ Package information loaded.
✔ Package successfully installed.
? What is your OIDC app's issuer URL? https://dev-9323263.okta.com/oauth2/default
? What is your OIDC app's client ID? 0oambt69c4LNBiJ7u5d6
            ✅️ Added '@okta/okta-angular' into dependencies
            ? Installing packages...
CREATE src/app/auth-routing.module.ts (1231 bytes)
CREATE src/app/home/home.component.html (186 bytes)
CREATE src/app/home/home.component.spec.ts (1027 bytes)
CREATE src/app/home/home.component.ts (638 bytes)
CREATE src/app/home/home.component.css (0 bytes)
CREATE src/app/shared/okta/auth.interceptor.ts (1019 bytes)
UPDATE src/app/app.module.ts (475 bytes)
UPDATE package.json (1274 bytes)
UPDATE src/app/app.component.spec.ts (1386 bytes)
UPDATE src/app/app.component.ts (603 bytes)
✔ Packages installed successfully.

我不确定为什么会发生错误。 issuer 在我的 schema.json 中列为必填字段。

"required": ["issuer","clientId"]

它也列在 schema.ts 中？

export interface Schema {
  /**
   * The clientId for OIDC app.
   */
  clientId?: string;
  /**
   * The issuer URI for OIDC app.
   */
  issuer: string;
}