我想用角度做一个动态的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。