Действительно, на это выдаётся ошибка.
После нескольких дней в поисках наилучшего решения данной проблемы, выбрал для себя способ, который предлагаете Вы. Инжектю пайпы в компонент и применяю их там.
Это то, что я привык использовать, то, с чем мне комфортно работать.
С помощью yeoman генерирую проект, использующий сборщик gulp и sass для стилей.
В качестве IDE предпочитаю WebStorm, мне нравится его дизайн, набор плагинов из коробки.
Для манипуляции с DOM объектами использую jQuery, также упрощает огромный выбор уже готовых решений для этой библиотеки.
В Chrome мне нравятся инструменты для разработчика, которые удовлетворяют всем потребностям для комфортной работы.
Вот ссылка на генераторы yeoman - yeoman.io/generators/. Здесь можно выбрать генератор для самых различных приложений. Для простого сайта, landing page, например, использую генератор webapp - https://github.com/yeoman/generator-webapp.
