конфликт типа MIME / Как я могу импортировать CSS-файлы из-за пределов проекта? - PullRequest
0 голосов
/ 08 июля 2019


Я хочу сделать динамическую css-нагрузку с угловым.Тем не менее, я добьюсь успеха, только если путь к файлу CSS является относительным.Я хочу импортировать файл 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.

...