Вложение CSS в угловом 2 проекта с JSPM

Я пытаюсь встроить Теперь мой CSS в моем угловом 2 проекта, поэтому я установил CSS плагин и настроенВложение CSS в угловом 2 проекта с JSPM

"src": { 
      "main": "App", 
      "defaultExtension": "ts", 
      "meta": { 
       "*.js": { 
        "loader": false 
       }, 
       "*.ts": { 
        "loader": "ts" 
       }, 
       "*.css": { 
        "loader": "css", 
        'typings': true 
       } 
      } 
     },

, а также мой компонент

import RatesTableStyle from './RatesTable.css!';

@Component({ 
    selector: 'RatesTable', 
    moduleId: __moduleName, 
    changeDetection: ChangeDetectionStrategy.OnPush, 
    styles: [RatesTableStyle], 
    template: RatesTableTemplate 
})

, но я получаю ошибку Error: Ожидаемая «стилей», чтобы быть массивом строк. любых идеи

источник

2016-09-19 born2net

Угловые ожидают, что каждый элемент в этом массиве должен быть строкой стилей:

styles:[ `h1{ 
      ... 
      } 
     h2{ 
      ... 
      }` 
];

Вы доказав целый класс вместо этого. Если этот класс должен возвращать массив, вам просто нужно вызвать его новый экземпляр.

источник

2016-09-19 21:27:41 lfarroco

, но его не то, что я как я использую jspm css plugin – born2net

Попробуйте это: очистите массив стилей, поместите RateTableStyle в конструктор вашего класса компонента и console.log. Проверьте его методы и свойства и проверьте, может ли какой-либо из них вернуть строку. – lfarroco

хорошая идея, поэтому я поставил точку останова, и я возвращаю пользовательские объекты с помощью getters и seters, но ya, а не простой массив. Интересно, почему jspm не делает то, что он должен:/ – born2net

хорошо нашли решение, сделать иск не установлен CSS плагин (удалить из JSPM конфигурации целиком) и установить:

import RatesTableTemplate from './RatesTable.html!text'; 
import RatesTableStyle from './RatesTable.css!text'; 

@Component({ 
    selector: 'RatesTable', 
    moduleId: __moduleName, 
    changeDetection: ChangeDetectionStrategy.OnPush, 
    styles: [RatesTableStyle], 
    template: RatesTableTemplate 
}) 
...

Надеется, что это помогает кто-то

Шону

источник

2016-09-19 22:23:58 born2net

Вложение CSS в угловом 2 проекта с JSPM

ответ

Смежные вопросы