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. 
 "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. 

Liferay DXP

Liferay

Challenges and Costs of Implementing Liferay DXP in 2024

Implementing Liferay DXP in 2024 presents challenges like technical complexities, integration hurdles, and significant costs. Explore these aspects to ensure a smooth deployment.

Liferay DXP

Liferay

10 Ways How Liferay DXP Accelerates Business Innovation

Explore how Liferay DXP fosters business innovation through 10 strategic approaches. From enhancing customer experiences to streamlining operations, discover how this versatile platform can transform your business and give you a competitive advantage in the digital age.

Transform Your Business With Digital Enterprise Solutions

Contact us

Our Offices

INDIA AHMEDABAD, INDIA

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

UK
UK

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

GERMANY GERMANY

Nürnberger Str. 46 90579 Langenzenn Deutschland

AUSTRALIA AUSTRALIA

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

USA USA

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

SOUTH AFRICA SOUTH AFRICA

Cube Work Space, 24 Hans Strijdom Avenue, Cape Town

UAE DUBAI, UAE

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

country-flag CANADA

34 Applegrove Ct. Brampton ON L6R 2Y8