Refused to execute do to MIME type about ngx-highlightjs

[MurhafSousli]

@adamdoyle track this here #56

[MurhafSousli]

I guess it is related to the issue you pointed out, did you try to load them in index.html instead?

[tommyc38]

@MurhafSousli I fixed it by adding github.css and highlight.pack.js into angular.json (app styles and scripts arrays)

[adamdoyle]

@tommyc38 I know this is old, but did adding github.css to your styles array in angular.json actually remove the error from the console, or did it only fix the style? For me, it's only fixing the style, and (ideally) I'd like to get rid of the error as well.

My understanding is that with this approach the browser attempts to load the style from two places: (1) Angular CLI is bundling everything from the styles array in angular.json into styles.js, and (2) highlight.service.ts:_themeLoader() is dynamically inserting a <link> element at runtime to pull the styles from ${this.options.path}/styles/github.css.

The browser succeeds at loading the style with method (1), but fails for method (2). Since one of the two methods succeeded, the page renders correctly, but the extraneous failed <link> results in a console error.

@MurhafSousli To your knowledge, is there a mechanism in place for configuring ngx-highlightjs to not add the <link> tag and assume the consumer of the library is providing the styles on his or her own?

I tried HighlightModule.forRoot({path: '#'}), resulting in <link rel="stylesheet" type="text/css" href="#/styles/github.css">, which technically appeared to work (suppressed error messages and rendered the styles on-screen correctly), but probably isn't optimal as it leaves behind a dummy <link> element and probably leaves something similar for the Javascript.