NPM RUN START | Community
Skip to main content
H
HybrisAd
Level 2
January 10, 2024
Solved

NPM RUN START

  • January 10, 2024
  • 1 reply
  • 1929 views

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

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by HybrisAd

    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

    1 reply

    EstebanBustamante
    Community Advisor and Adobe Champion
    EstebanBustamanteCommunity Advisor and Adobe Champion
    Community Advisor and Adobe Champion
    January 10, 2024

    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
      H
      HybrisAdAuthor
      Level 2
      January 10, 2024

      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

        H
        HybrisAdAuthorAccepted solution
        Level 2
        January 11, 2024

        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

          Terms & ConditionsAccessibility statement

          Loading footer...