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