在AppComponent构造函数中添加OAuthService后，UI不工作
是因为OAuthService的引入可能导致依赖注入的问题或者在构造函数中出现了错误。
解决这个问题的步骤如下：
- 检查依赖注入：确保在AppComponent的构造函数中正确注入了OAuthService。可以通过在构造函数参数中添加
private oauthService: OAuthService来实现。同时，检查是否在模块的providers数组中正确地声明了OAuthService。 - 检查构造函数中的错误：检查构造函数中是否存在其他错误，例如语法错误、未导入所需的模块等。确保OAuthService的依赖项都正确地导入和声明。
- 检查OAuthService的初始化：在AppComponent构造函数中添加OAuthService后，需要确保正确初始化OAuthService。通常，OAuthService需要通过调用其方法或设置其属性来进行配置。例如，你可以调用
this.oauthService.configure(config)来配置OAuthService的参数，其中config是一个包含所需配置的对象。 - 检查相关的UI代码：在添加OAuthService后，可能需要对UI代码进行相应的更改。检查是否有与OAuthService相关的UI逻辑，例如用户登录、身份验证等。确保这些逻辑正确处理和使用OAuthService提供的功能。
总结起来，UI不工作的问题很可能是由于OAuthService的引入和配置导致的依赖注入问题或代码错误。通过检查依赖注入、构造函数、OAuthService的初始化和相关的UI代码，可以解决这个问题。具体的解决方法需要根据你所使用的具体框架和代码进行调整。
相关·内容
Angular 添加OIDC OAuthService后，用户界面不会显示任何内容。下面是angular代码。import { Component } from '@angular/core';}) title
浏览 35提问于2021-10-26得票数 0
我们正在使用来管理我们的角应用程序中的身份验证。我们在PKCE中使用代码流。我们希望用户在访问应用程序时自动登录，因此我们的应用程序是这样启动的：this.oauthService.loadDiscoveryDocumentAndLogin我已经尝试过跟随来使它工作，但是它似乎不适用于loadDiscoveryDocumentAndLogin方法。我还在options对象上添加</em
浏览 3提问于2022-04-26得票数 2
我的问题是我不能从onTokenReceived函数导航，由navitageByUrl解析的promise可以通过false解析，但在控制台上没有错误： export class AppComponent{ private oauthService: OAuthService, console.log(res);
浏览 28提问于2020-04-03得票数 0
我最近开始使用Jasmine来测试一个有角度的应用程序，虽然大多数测试都很好，但是我在特定的测试中遇到了问题。/app.component.scss']export class AppComponent { } }可以看到，构造函数调用login()函数，该函数使用名为authConfig的配置对象，如下
浏览 7提问于2019-09-27得票数 0
1回答
我正在尝试在角2中扩展Http服务，以处理我需要在每个请求中包含的一些所需的标头。我成功地扩展了它，添加了我想要的头，然后调用super.x()操作来发送请求。我解决了使用添加提供程序的问题，从而产生了以下代码： OAuthService, }, ],
bootstrap: [A
浏览 3提问于2017-01-06得票数 2
回答已采纳
目前，我正试图在我的angular应用程序中实现azure广告身份验证。不幸的是，我遇到了一个我不明白的错误。在我的应用程序中，我调用了角OAuth2-oidc包的tryLogin函数。在调用此函数之前，登录可以工作，因为它会给出以下错误：
ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'nonceStateSeparator/node_mod
浏览 1提问于2018-06-12得票数 1
回答已采纳
2回答
我一直使用@HostBinding来添加类，它之前工作得很好，但在实现延迟加载后，即延迟加载组件时，这些类没有修改 template: ` ` export class AppComponentclass.nav-sm')
浏览 0提问于2016-12-07得票数 1
我使用角OAuth2-oidc在角10应用程序中实现授权代码流。主要想法很简单，我只是有一个带有按钮的应用程序组件。: OAuthService) { await this.oauthService.loadDiscoveryDocumentAndLogin();}
这是可行的，但我对
浏览 1提问于2020-07-26得票数 2
因此，我一直在尝试在promise回调中访问我的服务。我已经添加了所有必要的模块，并将它们导入到我的文件中。我还在构造函数中声明了它们。//Or} constructor(@Host() public app: AppComponent,
private <
浏览 24提问于2019-08-01得票数 0
我正在尝试与身份提供者(在我的例子中是Keycloak)集成到我的角度项目中。我用的是“角-OAuth2-oidc”库。因此，我可以通过单击按钮将用户从我的主页重定向到IDP的登录页面，并在成功登录后将我重定向回原来的页面。到目前为止还不错，但我的问题是在登录过程之后，会话信息(包括令牌)没有设置到浏览器的会话存储中。这是我迄今为止一直在研究的代码； constructor(private oauthService: OAut
浏览 10提问于2022-05-31得票数 0
1回答
AppStorage，负责从存储中设置和获取值。: AppStorage；静态get参数(){返回[Http]；}构造函数(http: Http，@Inject(AppStorage) appStorage: AppStorage){ this.httpapp.module中。, Storage, AppStorage]export class AppModule {}
但是，当我运行应用程序时，oauthService构造函数中的oa
浏览 0提问于2016-12-27得票数 0
回答已采纳
在module.ts中 import { BrowserModule } from '@angular/platform-browser'; bootstr
浏览 4提问于2016-09-15得票数 3
回答已采纳
我使用一个服务来更新主菜单的标题，它成功地工作了，但是现在生成了这个错误： public setTitle(title: string) { }
最后，我的一个客户端在仓库模块中更改了标题
浏览 1提问于2020-02-12得票数 2
回答已采纳
1回答
我遇到了一个问题，试图侦测在构造函数中调用的服务函数调用。测试是基本的，只是验证函数调用是否被实际调用。beforeEach(async(() => { declarations: [ }).compileComponents();
fi
浏览 4提问于2018-01-13得票数 5
回答已采纳
在我的NativeScript应用程序中，我的路由设置为 { path: "", component: AppComponent},
{当我加载应用程序时，我可以在我的控制台中看到HomeComponent构造函数何时被触发，但我从未看到ngOnInit被触发。我读到，把它放在构造函数中是个坏主意，让它在ngOnInit中是理想的，
浏览 1提问于2016-09-30得票数 4
我在AppComponent中有完整的UI，如果没有登录，我只想显示登录屏幕。export class AppComponent implem
浏览 1提问于2019-04-14得票数 1
回答已采纳
因此，在为Outlook应用程序添加清单文件后，外接程序正在很好地加载。在调试过程中，我了解到Office.context不包含ui属性。我的外接程序在Outlook桌面、Outlook和mobile上运行得很好
if
浏览 1提问于2019-07-16得票数 0
回答已采纳
2回答
以下是我的代码(我使用Kotlin)@SingletoninterfaceAppComponent {
PresenterModuleclass PresenterModuleSplashPresenter()}class App: Application() {
companion
浏览 1提问于2017-09-25得票数 1
我有两个组件：WorldComponent和ContinentComponent.它们在主模板中排列如下： <app-continent></app-continent>问题
我想通过使用WorldComponent的*ngComponentOutlet指令动态地添加另一个*ngComponentOutlet，这样的话.问题是，在默认情况下，动态生成的组件将使用主机组件的注入器，后者没有任何WorldService提供程序。我搜索了所有的角度文档，但是我对角度非常陌生
浏览 0提问于2018-06-27得票数 1
回答已采纳
1回答
对于我的当前项目，我使用Kotlin和Dagger 2，我想在辅助构造函数中注入依赖项，但是构造函数从未被初始化。: this(){ }}
作为一种解决办法，我目前正在注入主构造函数
浏览 2提问于2017-08-09得票数 8
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
