MIME类型冲突/如何从项目外部导入CSS文件?

时间:2019-07-08 19:04:26

标签: css angular typescript electron


我想用角度做一个动态的CSS加载。但是,仅当css文件的路径是相对路径时,我才成功。我想从app文件夹导入css文件,并且需要另一种方法来指定路径。 我为什么要这样做? -我用Angular和Electron创建了一个桌面应用程序。 Electron为应用程序创建一个文件夹路径,并可以在其中保存数据。使用名为“ app.getPath()”的功能,可以获得特定于平台的文件夹路径。那里也应该存储我的css文件。 在Linux上,路径为 /home/user/.config/appname 。我的CSS文件的路径为 /home/user/.config/appname/styles/style1.css 。 导入文件时,出现以下消息:

The resource of "http://localhost:4200/home/user/.config/appname/styles/style1.css" has been blocked due to a MIME type conflict ("text / html") (X-Content-Type Options: nosniff).

在模板中所需的位置,我使用<link rel="stylesheet" [href] ="sanitizer.bypassSecurityTrustResourceUrl(cssUrl)">

我已经将type="text/css"添加到链接标签。不幸的是,这没有帮助。使用type="text/html",错误消失了,但是css的更改不可见。

因为我使用绝对路径,所以不能共享代码库。但是为了重现它,我为此问题制作了一个stackblitz。尝试将绝对路径添加到“ randomPath” -var。

0 个答案:

没有答案
相关问题