SOLVED
Current Project Don't have UI Front-end model
1 Accepted Solution
Correct answer by
Hi @naveen_27_05
You need to update the POM with parents
Update clientlibs : https://github.com/arunpatidar02/com.aemlab.junitapp/blob/master/ui.frontend/clientlib.config.js
Arun Patidar
To create a front-end model in an existing AEM 6.5 project, you can follow these steps:
1. Create a new folder in your project's `clientlibs` folder to hold your front-end model files.
you could create a folder called `models`.
2. Inside the `models` folder, create a new JavaScript file to define your front-end model.
For example, you could create a file called `myModel.js`.
3. In the `myModel.js` file, define your front-end model using JavaScript.
var myModel = {
title: "My Page Title",
description: "This is a description of my page."
};
4. Save the `myModel.js` file.
5. In your Sightly template or other front-end code, include the `myModel.js` file using a `script` tag.
<script src="/etc.clientlibs/myproject/models/myModel.js"></script>
6. Use the `data-sly-use` attribute to include the front-end model in your Sightly template.
<h1>${myModel.title}</h1>
<p>${myModel.description}</p>
Hi @naveen_27_05
You can copy ui.frontend from another project and adjust for your project.
you have to do it manually.
Arun Patidar
Correct answer by
Hi @naveen_27_05
You need to update the POM with parents
Update clientlibs : https://github.com/arunpatidar02/com.aemlab.junitapp/blob/master/ui.frontend/clientlib.config.js
Arun Patidar
Hi @naveen_27_05
If you are using a company laptop or system, please check your network firewall or system policy. It's possible that you may not be allowed to access specific sites or install software due to company policy restrictions.
Arun Patidar
Step 1: You can copy the "ui.frontend" module from any other project and adjust according to your project.
Step 2: Add the module in the main pom file in the modules section.
What to adjust: The pom file of the module needs to adjust. The FE build process can be different. There are some different build process like webpack, nc-febuild, etc. So you should test and may need to modify according to your project because it has some configurations itself.
Asif Chowdhury
@naveen_27_05 Did you find the suggestions from users helpful? Please let us know if more information is required. Otherwise, please mark the answer as correct for posterity. If you have found out solution yourself, please share it with the community.
Kautuk Sahni
