Ионный трафарет: расширение компонентов по умолчанию

Мне нужно внести определенные изменения в поведение некоторых из ионных компонентов.

Это было достаточно просто с Ionic 3 и угловыми компонентами, но теперь, когда мы переходим на Ionic 4, я считаю более сложным изменить стандартные веб-компоненты в @ionic/core,

Я создал новый проект компонентов трафарета и добавил пакет npm для @ionic/core, Я устала расширять datetime компонент и обнаружил, что веб-компоненты не могут иметь суперклассы.

Поэтому я скопировал всю папку для компонента datetime из источника Ionic в свой проект и изменил только имя папки и имя класса. Так что это MyDatetime класс в my-datetime папка.

Попытка npm run build на проекте это терпит неудачу с целой кучей нахальных ошибок.

Вот как они выглядят:

[ ERROR ]  sass error: src/components/my-datetime/datetime.ios.scss:1:9
           Can't find stylesheet to import.

      L1:  @import "./datetime";


[ ERROR ]  sass error: node_modules/@ionic/core/dist/collection/components/tab-bar/tab-bar.ios.scss:207:14
           expected selector.


[ ERROR ]  sass error: node_modules/@ionic/core/dist/collection/components/item/item.ios.scss:207:14
           expected selector.

    L207:  // .label-ios + ion-textarea .native-textarea,
    L208:  // .label-ios + .input + .cloned-input {

Импортированный файл sass, который говорит, что не может найти (./datetime), конечно, существует в той же папке.

Может кто-нибудь подсказать, пожалуйста, что я здесь делаю не так.

0 ответов

Другие вопросы по тегам