gpt4 book ai didi

angular - 控制台错误,因为端点无法访问且应用程序无法加载

转载 作者:搜寻专家 更新时间:2023-10-30 21:46:17 25 4
gpt4 key购买 nike

我已将 Angular 5 升级到 7 并保持 rxjs-compat。在这种情况下,应用程序运行良好,但后来我们删除了 rxjs-compat 并进行了相应的更改。我们在加载时遇到错误在引导应用程序时将应用程序显示为“Enpoint unreachable”。我们正在使用

"@ngx-config/core": "7.0.0",
"@ngx-config/http-loader": "7.0.0",

我怀疑这个包在升级后产生了一些问题。但是编译是成功的,只是在运行应用程序时它显示控制台错误作为端点无法访问。 任何其他人都遇到过这个问题或任何关于如何调试此类问题的想法。

任何帮助将不胜感激

编辑

进一步分析后发现,这个错误是因为@ngx-config更新导致的,与rxjs-compat无关。

// for config loader
export function configFactory(http: HttpClient): ConfigLoader {
  return new ConfigHttpLoader(http, environment.configFile);
}

拦截器

intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> { 
//etc
})

最佳答案

我尝试了 github 和 SO 中提到的许多方法,但对我来说没有任何锻炼。我为让它发挥作用所做的最后一件事是,

在应用程序 Bootstrap 之前调用 main.ts 中的配置并在 session 存储中设置,您可以创建一个类文件并在那里执行您的逻辑。

const url = "configurl"// read from your environment file
const xmlHttp = new XMLHttpRequest();
xmlHttp.onreadystatechange = () => {
if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
if (xmlHttp.responseText) {
const config: any = JSON.parse(xmlHttp.responseText);
if (config) {
window.sessionStorage.setItem("config", JSON.stringify(config));

}
}
};
xmlHttp.open("GET", url, true);
xmlHttp.send(null);

应用模块

export function configFactory(http: HttpClient): ConfigLoader {
  return new ConfigStaticLoader(JSON.parse(window.sessionStorage.getItem("config")));
}

这对我来说很好。

最初的问题是,我无法同时使用配置加载器和 http 拦截器。

关于angular - 控制台错误,因为端点无法访问且应用程序无法加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54348073/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com