Css Angular 7子组件样式不起作用
当我重新加载我的angular children组件时,页面变白,我得到一个错误 拒绝应用“[URL]”中的样式,因为其MIME类型(“text/html”)不是受支持的样式表MIME类型,并且启用了严格的MIME检查 因此,只要我通过单击更改我的Css Angular 7子组件样式不起作用,css,mime-types,styling,angular-components,angular7,Css,Mime Types,Styling,Angular Components,Angular7,当我重新加载我的angular children组件时,页面变白,我得到一个错误 拒绝应用“[URL]”中的样式,因为其MIME类型(“text/html”)不是受支持的样式表MIME类型,并且启用了严格的MIME检查 因此,只要我通过单击更改我的routerLink的按钮来浏览我的页面,一切都正常 更新 我只有在生产模式下才会出现此错误,因此当我使用ng serve时,我可以重新加载我的页面,并且不会出现任何错误,在开发工具中,我还可以在源选项卡中看到所有文件,而在生产模式下检查页面时,情况
routerLink
的按钮来浏览我的页面,一切都正常
更新 我只有在
生产模式下才会出现此错误,因此当我使用ng serve
时,我可以重新加载我的页面,并且不会出现任何错误,在开发工具中,我还可以在源选项卡中看到所有文件,而在生产模式下检查页面时,情况并非如此
我已经
- 改变
<link rel="stylesheet" href="styles.9eca5df2f679ed98933c.css">
导航到哪个位置
this.router.navigate(['../server/' + guild.id + "/dashboard"], { relativeTo: this.route });
在每个浏览器中
如果有任何帮助,我将不胜感激我已经提到我没有使用任何库,并且我已经删除了我的样式表中的任何注释,并将
添加到您的HTML
(来自)当我使用
时,一切都不起作用,所以我将其更改为
,只要我不查看子组件,这就可以正常工作。您是否尝试将其添加到angular.json中的style
属性中,并从html中删除
标记<代码>“styles”:[“src/styles.scss”],
希望您现在已经解决了这个问题,但是我的两分钱。。。可能它得到的是“text/html”MIME类型,因为返回的是404 html响应页面而不是样式表。如果是这样,这似乎表明存在路径问题,可能在angular.json配置中。
/<parent>/:id/<child>
this.router.navigate(['../server/' + guild.id + "/dashboard"], { relativeTo: this.route });