Ошибка при расширении классической темы Liferay 7.3

Question

Я столкнулся с проблемой, пытаясь расширить классическую тему (даже если это не рекомендуется), но с новыми возможностями книги стилей liferay это хорошая возможность для нас ускорить создание темы.

Я создал проект базовой темы, используя генератор «yo liferay-theme», построил свою тему и развернул ее, все в порядке. Затем я загрузил необходимые файлы из репозитория github lifery frontend-theme-classic: [https://github.com/liferay/liferay-portal/tree/7.3.x/modules/apps/frontend-theme/frontend-theme-classic][1] [1]: https://github.com/liferay/liferay-portal/tree/7.3.x/modules/apps/frontend-theme/frontend-theme-classic я добавляю папки: css, images, шаблоны и некоторые необходимые изменения в каталоге WEB-INF. Когда я запускаю сборку gulp, я получаю ошибку о неопределенных переменных.

Вот сообщение об ошибке после глотка: build:

      Starting 'build:compile-lib-sass'... [23:21:28] 'build:compile-lib-sass' errored after 1.94 s [23:21:28] Error in plugin 'gulp-sass' Message: build_css\custom_properties_custom_properties_variables.scss Error: Undefined variable: "$btn-link". on line 10 of build/_css/custom_properties/_custom_properties_variables.scss from line 1 of build/_css/_custom_properties.scss from line 13 of build/_css/_custom.scss from line 21 of build/_css/main.scss

                 link: $btn-link,

--------^

Details: status: 1 file: C:/Users/sgFSJESO/ump-theme/build/_css/custom_properties/_custom_properties_variables.scss line: 10 column: 9 formatted: Error: Undefined variable: "$btn-link". on line 10 of build/_css/custom_properties/_custom_properties_variables.scss from line 1 of build/_css/_custom_properties.scss from line 13 of build/_css/_custom.scss from line 21 of build/_css/main.scss

                 link: $btn-link,

Если кто-то решил эту проблему, я буду рад понять, почему.

Answer 1

Чтобы перестроить «классическую» тему, вы должны сделать следующие 2 шага:

1. скопируйте исходный код с https://github.com/liferay/liferay-portal/tree/7.3.x/modules/apps/frontend-theme/frontend-theme-classic ,
2. установите правильные версии для родительских тем в файле build.gradle вашей темы :

Последняя классическая тема 7.3.x датирована 24 июня 2021 года. Поэтому я установил ближайшие версии для родительских тем:

      parentThemes group: "com.liferay", name: "com.liferay.frontend.theme.styled", version: "5.0.25"
parentThemes group: "com.liferay", name: "com.liferay.frontend.theme.unstyled", version: "5.0.26"
portalCommonCSS group: "com.liferay", name: "com.liferay.frontend.css.common", version: "5.0.6"

я также добавил

      cssBuilder group: "org.slf4j", name: "slf4j-simple", version: "1.7.10"

Надеюсь, что это поможет вам.

Answer 2

ошибка указывает на то, что некоторые переменные не удалось найти в теме. так что убедитесь, если

Answer 3

У меня была такая же проблема, исправил библиотекой Clay, скопировал всю папку в \src\css\ Clay