Hi everyone I have a problem with AEM,
when I run npm run start command and edit scss files in ui.frontend module components I don't see the changes live on localhost/8080 page,
i see the changes only if i redo the build of the whole project
thanks
Solved! Go to Solution.
Topics help categorize Community content and increase your ability to discover relevant content.
Hi Esteban
anyway i solved it like this
npm install npm-run-all --save-dev
then i run npm run watch and it works
Which archetype version are you using? I just validated with the latest and seems everything is OK. Can validate that the files you are changing are within the scope of files that the live server is watching? You can check this in the webpack.dev.js
It should look something like this:
...
devServer: {
proxy: [{
context: ['/content', '/etc.clientlibs'],
target: 'http://localhost:4502',
}],
client: {
overlay: {
errors: true,
warnings: false,
},
},
watchFiles: ['src/**/*'],
hot: false,
devMiddleware: {
writeToDisk: writeToDisk
}
}
Hope this helps
Hi Esteban,
I'm actually using a project from Adobe this specifically.
https://github.com/adobe/aem-guides-wknd/tree/main
and the scss file I'm trying to edit is the core component title
yes the webpack.dev.js file is as you showed me.
thank you
Hi @HybrisAd
I've downloaded the project you suggested, and everything seems to be working as expected. So, it looks like there may be some confusion.
As the configuration shows, the files being watched by the live server are those under "ui.frontend/src."
The associated SCC file for the title component looks like this
And even if you edit this file, changes are being reflected:
So the issue may be related to which files you are trying to edit.
Hope this helps.
Hi Esteban
anyway i solved it like this
npm install npm-run-all --save-dev
then i run npm run watch and it works
Views
Likes
Replies
Views
Likes
Replies
Views
Likes
Replies