Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Angular 7子组件样式不起作用_Css_Mime Types_Styling_Angular Components_Angular7 - Fatal编程技术网

Css Angular 7子组件样式不起作用

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时,我可以重新加载我的页面,并且不会出现任何错误,在开发工具中,我还可以在源选项卡中看到所有文件,而在生产模式下检查页面时,情况

当我重新加载我的angular children组件时,页面变白,我得到一个错误

拒绝应用“[URL]”中的样式,因为其MIME类型(“text/html”)不是受支持的样式表MIME类型,并且启用了严格的MIME检查

因此,只要我通过单击更改我的
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 });