most simplelest code markdown [src]="'./assets/texts/null.md'" doesn't work for angular 17 standalone

[cadentic]

i also tried this method

 async ngOnInit() { const markdownRaw = wait for it.http.get('./assets/docs/index.md', { response type: 'text' }).toPromise(); this.markdown = this.mdService.compile(markdownRaw!); }

but compile and toPromise seems deprecated in the current version.

<div style="padding:100px" markdown [src]="'./assets/texts/null.md'">

[jfcere]

Hi @cadentic,

You are using provideMarkdown twice in the appConfig and are not providing the HttpClient.

Make sure to use the provideHttpClient() provider fonction and use provideMarkdown({ loader: HttpClient }) afterward.

You can refer to the demo configuration below:

https://github.com/jfcere/ngx-markdown/blob/2074c8e14202f392c9bc0fbeec34f8a2cae1e270/demo/src/app/app.config.ts#L12-L38

[cadentic]

export const appConfig: ApplicationConfig = {
  providers: [provideRouter(routes), provideClientHydration(), provideAnimationsAsync(), provideAnimationsAsync(), 
    provideAnimations(), 
    provideHttpClient(), 
    provideRouter( 
      routes, 
      withInMemoryScrolling({ 
        anchorScrolling: 'enabled', 
        scrollPositionRestoration: 'enabled', 
      }), 
    ),provideMarkdown({ loader: HttpClient }),]
};

some.componant.html

<markdown [src]="'./assets/texts/privacyPolicy.md'" ngPreserveWhitespaces ></markdown> 

resolved my issue

<markdown marmaid katex [src]="'./assets/texts/privacyPolicy.md'" ngPreserveWhitespaces ></markdown> 

but it throws a runtime error

NG02801: Angular detected that `HttpClient` is not configured to use `fetch` APIs. It's strongly recommended to enable `fetch` for applications that use Server-Side Rendering for better performance and compatibility. To enable `fetch`, add the `withFetch()` to the `provideHttpClient()` call at the root of the application.

thx @jfcere

[jfcere]

I suggest to read the error and Google it...

Here I did it for you: https://stackoverflow.com/questions/77512654/angular-detected-that-httpclient-is-not-configured-to-use-fetch-apis-angul

NG02801 is not an error but an warning that encourage the developers to enable the fetch implementation of the HttpClient.

To do this, just call provideHttpClient(withFetch()) in your app.config.ts.

Closing the issue.