问题描述
我创建 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;
}
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)