Ионный трафарет: расширение компонентов по умолчанию
Мне нужно внести определенные изменения в поведение некоторых из ионных компонентов.
Это было достаточно просто с 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
), конечно, существует в той же папке.
Может кто-нибудь подсказать, пожалуйста, что я здесь делаю не так.