Я пытаюсь загрузить темы для виджетов DevExtreme для angular. Я использовал разные подходы:
Установите стиль в angular.json, но это не вызывает никакого эффекта:
"projects": { "my-project": { "root": "", "sourceRoot": "src", "projectType": "application", "architect": { "build": { "builder": "@angular-devkit/build-angular:browser", "options": { "outputPath": "dist", "index": "src/index.html", "main": "src/main.ts", "tsConfig": "src/tsconfig.app.json", "polyfills": "src/polyfills.ts", "assets": [ "src/assets", "src/favicon.ico", "src/manifest.json" ], "styles": [ "node_modules/font-awesome/css/font-awesome.min.css", "node_modules/material-design-icons/iconfont/material-icons.css", "node_modules/@angular/material/prebuilt-themes/indigo-pink.css", "node_modules/devextreme/dist/css/dx.common.css", "node_modules/devextreme/dist/css/dx.dark.css", "src/sass/styles.scss" ],
Установите его в index.html, но тоже без эффекта:
<head> ... <link rel="dx-theme" data-theme="generic.dark" href="https://cdn3.devexpress.com/jslib/18.2.3/css/dx.dark.css" data-active="true" /> </head>
и установите его с помощью DxThemes.current('generic.dark');
Используйте файлы css локали, как в (2):
<head> ... <link rel="dx-theme" data-theme="generic.dark" href="css/dx.dark.css" data-active="false" /> </head>
Но мой браузер говорит:
Отказался применить стиль из 'http://localhost:4200/css/dx.dark.css ', потому что его тип MIME (' text / html ') не является поддерживаемым типом MIME таблицы стилей, и включена строгая проверка MIME.
Итак, мои вопросы: как я могу использовать файлы css локали? И почему не применяются темы?