Liferay

How to Fix Liferay 7.3 and 7.4 Theme Build and Deploy Issue

Themes are created using the Liferay Theme Generator. Liferay DXP 7.3 uses version 10. x.x of Theme Generator.

Note:

To create themes for DXP 7.0 or 7.1, install version 8.x.x of the Theme Generator. Themes for older versions of Liferay DXP can be generated using previous versions of the Liferay Theme Generator.

When you create a Liferay theme with 10.x.x of theme generator and try to build and deploy the theme you might face issues, follow the steps mentioned below guided by the screenshots to fix the issue.

Click here for Liferay 7.3 theme generator

To fix theme build and deploy issues, you need to follow the steps below

1) Open the package.json file and make the changes as shown below.

File path: themes/x-theme/package.json

For the DevDependencies section, we will need to change the below-mentioned three property versions.

Explain
"devDependencies":  

"liferay-frontend-theme-styled": "5.0.0", 

"liferay-frontend-theme-unstyled": "5.0.0", 

"liferay-theme-tasks": "^10.0.2", 

2) Remove node-modules, dist and build folder.

3) Run the below command.
npm install -g yo gulp

4) Install node 12.22.2

5) Install npm with the command-
npm install

6) Now run the command.
npm build
npm deploy

That’s all, a simple guide to fixing the theme generator issue in Liferay DXP. Are you facing any other issues with Liferay development or implementation?

Check out our repository or reach out to us at [email protected]. We can consult on the business solutions with Liferay implementations.

Transform Your Business With Digital Enterprise Solutions

Contact us

Our Offices

AHMEDABAD, INDIA

401, One World West, Nr. Ambli T-Junction 200, S P Ring Road, Bopal, Ahmedabad, Gujarat 380058

UK

Kemp House 160 City Road, London, United Kingdom EC1V 2NX

GERMANY

Nürnberger Str. 46 90579 Langenzenn Deutschland

AUSTRALIA

Level 36 Riparian Plaza, 71 Eagle Street, Brisbane, QLD 4000

USA

4411 Suwanee Dam road, Bld. 300 Ste. 350 Suwanee GA, 30024

SOUTH AFRICA

Cube Work Space, 24 Hans Strijdom Avenue, Cape Town

Mahindra DUBAI, UAE

B 503 Sama Tower, Sheikh Zayed Road, United Arab Emirates

CANADA

34 Applegrove Ct. Brampton ON L6R 2Y8