내 커뮤니티 업적 표시줄을 확대합니다.

Submissions are now open for the 2026 Adobe Experience Maker Awards.
해결됨

NPM RUN START

Avatar

Level 2

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

주제

토픽은 커뮤니티 콘텐츠를 분류하여 관련성 있는 콘텐츠를 찾는 데 도움이 됩니다.

1 채택된 해결책 개

Avatar

정확한 답변 작성자:
Level 2

 

 

Hi Esteban

anyway i solved it like this

npm install npm-run-all --save-dev

then i run npm run watch and it works

원본 게시물의 솔루션 보기

4 답변 개

Avatar

Community Advisor and Adobe Champion

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




Esteban Bustamante

Avatar

Level 2

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

Avatar

Community Advisor and Adobe Champion

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

 

EstebanBustamante_0-1704980147911.png

And even if you edit this file, changes are being reflected:

EstebanBustamante_1-1704980245731.png

So the issue may be related to which files you are trying to edit.

Hope this helps.



Esteban Bustamante

Avatar

정확한 답변 작성자:
Level 2

 

 

Hi Esteban

anyway i solved it like this

npm install npm-run-all --save-dev

then i run npm run watch and it works