http.get()无效,但fetch()在AppModule.ngDoBootstrap()上有效,angular8

LuanXingtong

当我尝试在启动app.component之前加载环境配置时,首先我使用HttpClient http.get()从资产中加载environment.json:

service

  init() {
    const url = 'assets/config/environment.json';
    return this.http.get<any>(url);
  }

app.module

export class AppModule implements DoBootstrap {
// ...
  ngDoBootstrap(appRef: ApplicationRef) {
    this.commonService.init().subscribe(env => {
      console.log(`env init`, env);
      appRef.bootstrap(AppComponent);
      // ...
    });

它没有用。


然后我改用fetch(),它可以工作.....但是我不知道为什么

service

  init() {
    return from(
      fetch('assets/config/environment.json', {
        method: 'GET'
      })
    );
  }

app.module

export class AppModule implements DoBootstrap {
// ...
  ngDoBootstrap(appRef: ApplicationRef) {
    this.commonService.init().subscribe(env => {
      console.log(`env init`, env);
      appRef.bootstrap(AppComponent);
      // ...
    });

Angular CLI: 8.3.5
Node: 12.12.0
OS: win32 x64
Angular: 8.2.7
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.803.6
@angular-devkit/build-angular     0.803.6
@angular-devkit/build-optimizer   0.803.6
@angular-devkit/build-webpack     0.803.6
@angular-devkit/core              8.3.5
@angular-devkit/schematics        8.3.5
@angular/cdk                      8.2.1
@angular/cli                      8.3.5
@ngtools/webpack                  8.3.6
@schematics/angular               8.3.5
@schematics/update                0.803.5
rxjs                              6.5.3
typescript                        3.5.3
webpack                           4.39.2
普奈特·夏尔马

Fetch不需要导入任何库即可使用Angular来说明它为什么起作用。

对于Http,您必须将HttpClient要在服务中app.module导入的用户也导入HttpClientModule

您能提供更多信息吗?所以我们会帮助喜欢

-在完成什么的进口serviceapp.module
-控制台中是否有任何错误?

你也可以参考这个

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

this.http.get 不是函数 angular8

来自分类Dev

对 HTTPS 的请求有效,而对 HTTP 的请求无效

来自分类Dev

UITextFieldDelegate在iOS 8上有效,但在iOS 7上无效

来自分类Dev

约束在iOS 8上有效,但在iOS 7上无效

来自分类Dev

AngularJS http.get验证有效的json

来自分类Dev

Angular ASP.NET:Http Get Web Api 调用有效,但 Angular 未显示任何值

来自分类Dev

CurrentItem在iOS上无效,但在Android上有效

来自分类Dev

DelegatingHandler在Localhost上有效,但在Azure上无效

来自分类Dev

采取有效的http get请求(第三方api),并改用fetch,但签名不匹配

来自分类Dev

两种视图之间的过渡在iOS8上有效,但在iOS9上无效

来自分类Dev

redash GET请求在POSTMAN上有效,但在axios上无效

来自分类Dev

phantomjs page.evaluate从http://www.google.com/search?q=site刮取“ resultStats”:%s在本地服务器上有效,但在生产服务器上无效

来自分类Dev

HaProxy转发代理在HTTP上有效,但在HTTPS上提供503

来自分类Dev

Firebase云功能部署错误-HTTP错误:400,接收到无效的JSON有效负载

来自分类Dev

Http 请求在 PostMan 中有效,但在 JS 中无效

来自分类Dev

PHP连接到远程Parse MongoDB;cURL在命令行上有效,但PHP file_get_contents无效

来自分类Dev

PHP连接到远程Parse MongoDB;cURL在命令行上有效,但PHP file_get_contents无效

来自分类Dev

使用HTTP上的GET请求发送密码的安全问题是否有效?

来自分类Dev

在 React 中,我的 POST fetch 请求在桌面上有效,但在 Chrome 上的 iPad 上无效,有什么问题?

来自分类Dev

将输入限制为仅某些字符在Chrome上有效,但在Firefox上无效

来自分类Dev

wordpress:datepicker在小部件选项页面上有效,但在定制器上无效

来自分类Dev

onkeydown在某些网站上有效,而在某些网站上则无效

来自分类Dev

jQuery UI Datepicker在<input>上有效,但在<h:inputText>上无效

来自分类Dev

Linux /为什么su命令在CMD上有效但在脚本上无效?

来自分类Dev

来自URL的Open App在Firefox for Android上有效,但在Google Chrome上无效

来自分类Dev

为什么我的C ++互操作在.Net 4.5上有效但在4上却无效

来自分类Dev

SSLContext和PKCS12密钥库-在JVM上有效,但在Android上无效

来自分类Dev

在WAMP本地主机上有效但在WebServer上无效的PHP代码

来自分类Dev

Theos tweak在iPhone 5s上有效,但在iPad 3上无效

Related 相关文章

  1. 1

    this.http.get 不是函数 angular8

  2. 2

    对 HTTPS 的请求有效,而对 HTTP 的请求无效

  3. 3

    UITextFieldDelegate在iOS 8上有效,但在iOS 7上无效

  4. 4

    约束在iOS 8上有效,但在iOS 7上无效

  5. 5

    AngularJS http.get验证有效的json

  6. 6

    Angular ASP.NET:Http Get Web Api 调用有效,但 Angular 未显示任何值

  7. 7

    CurrentItem在iOS上无效,但在Android上有效

  8. 8

    DelegatingHandler在Localhost上有效,但在Azure上无效

  9. 9

    采取有效的http get请求(第三方api),并改用fetch,但签名不匹配

  10. 10

    两种视图之间的过渡在iOS8上有效,但在iOS9上无效

  11. 11

    redash GET请求在POSTMAN上有效,但在axios上无效

  12. 12

    phantomjs page.evaluate从http://www.google.com/search?q=site刮取“ resultStats”:%s在本地服务器上有效,但在生产服务器上无效

  13. 13

    HaProxy转发代理在HTTP上有效,但在HTTPS上提供503

  14. 14

    Firebase云功能部署错误-HTTP错误:400,接收到无效的JSON有效负载

  15. 15

    Http 请求在 PostMan 中有效,但在 JS 中无效

  16. 16

    PHP连接到远程Parse MongoDB;cURL在命令行上有效,但PHP file_get_contents无效

  17. 17

    PHP连接到远程Parse MongoDB;cURL在命令行上有效,但PHP file_get_contents无效

  18. 18

    使用HTTP上的GET请求发送密码的安全问题是否有效?

  19. 19

    在 React 中,我的 POST fetch 请求在桌面上有效,但在 Chrome 上的 iPad 上无效,有什么问题?

  20. 20

    将输入限制为仅某些字符在Chrome上有效,但在Firefox上无效

  21. 21

    wordpress:datepicker在小部件选项页面上有效,但在定制器上无效

  22. 22

    onkeydown在某些网站上有效,而在某些网站上则无效

  23. 23

    jQuery UI Datepicker在<input>上有效,但在<h:inputText>上无效

  24. 24

    Linux /为什么su命令在CMD上有效但在脚本上无效?

  25. 25

    来自URL的Open App在Firefox for Android上有效,但在Google Chrome上无效

  26. 26

    为什么我的C ++互操作在.Net 4.5上有效但在4上却无效

  27. 27

    SSLContext和PKCS12密钥库-在JVM上有效,但在Android上无效

  28. 28

    在WAMP本地主机上有效但在WebServer上无效的PHP代码

  29. 29

    Theos tweak在iPhone 5s上有效,但在iPad 3上无效

热门标签

归档