Angular DevExtreme Темы - PullRequest
Новая
       14

Angular DevExtreme Темы

0 голосов
/ 04 декабря 2018

Я пытаюсь загрузить темы для виджетов DevExtreme для угловых.Я придерживался разных подходов:

  1. Установить стиль в 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"
        ],

  2. Установитьэто в 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');

Используйте файлы языка локали, как в (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 локали?А почему не применяются темы?

1 Ответ

0 голосов
/ 10 декабря 2018

Хитрость в том, чтобы построить проект с ng build --prod.С ng serve или без режима производства он не работает ...

...