changing angular code does not trigger to reload the app inside docker











up vote
0
down vote

favorite












I found here a docker-compose project:



version: '3.1'

services:

nginx:
container_name: nginx
image: nginx
build:
context: .
dockerfile: .docker/nginx.dockerfile
volumes:
- ./dist:/usr/share/nginx/html
ports:
- "80:80"
- "443:443"

networks:
- app-network

node:
container_name: nodeapp
image: nodeapp
build:
context: ./microservices/node
dockerfile: .docker/node.development.dockerfile
volumes:
- ./microservices/node:/var/www/angularnoderestfulservice
environment:
- NODE_ENV=development
ports:
- "3000:3000"
depends_on:
- mongodb
networks:
- app-network

#No authentication is provided here - JUST A DEMO! That would absolutely
#be needed for a "real" application
mongodb:
container_name: mongodb
image: mongo
networks:
- app-network

aspnet:
container_name: 'aspnetcoreapp'
image: 'aspnetcoreapp'
build:
context: ./microservices/aspnet_core
dockerfile: .docker/aspnetcore.development.dockerfile
volumes:
- ./microservices/aspnet_core:/var/www/aspnetcoreapp
ports:
- "5000:5000"
depends_on:
- "postgres"
networks:
- app-network

postgres:
container_name: 'postgres'
image: postgres
environment:
POSTGRES_PASSWORD: password
networks:
- app-network

cadvisor:
container_name: cadvisor
image: google/cadvisor
volumes:
- /:/rootfs:ro
- /var/run:/var/run:rw
- /sys:/sys:ro
- /var/lib/docker/:/var/lib/docker:ro
ports:
- "8080:8080"
networks:
- app-network

networks:
app-network:
driver: bridge


Unfortunately, when I saved the change of src/index.html inside vs code it did not trigger to reload the app inside docker.



What did I miss?



Thank you in advance,



Michal










share|improve this question
























  • Code reload only works with ng serve, not with a build version of the Angular code
    – user184994
    Nov 11 at 22:18












  • Does it mean that is there a way to trigger ng serve automatically similar nodemon --debug=5858?
    – user977828
    Nov 11 at 22:46















up vote
0
down vote

favorite












I found here a docker-compose project:



version: '3.1'

services:

nginx:
container_name: nginx
image: nginx
build:
context: .
dockerfile: .docker/nginx.dockerfile
volumes:
- ./dist:/usr/share/nginx/html
ports:
- "80:80"
- "443:443"

networks:
- app-network

node:
container_name: nodeapp
image: nodeapp
build:
context: ./microservices/node
dockerfile: .docker/node.development.dockerfile
volumes:
- ./microservices/node:/var/www/angularnoderestfulservice
environment:
- NODE_ENV=development
ports:
- "3000:3000"
depends_on:
- mongodb
networks:
- app-network

#No authentication is provided here - JUST A DEMO! That would absolutely
#be needed for a "real" application
mongodb:
container_name: mongodb
image: mongo
networks:
- app-network

aspnet:
container_name: 'aspnetcoreapp'
image: 'aspnetcoreapp'
build:
context: ./microservices/aspnet_core
dockerfile: .docker/aspnetcore.development.dockerfile
volumes:
- ./microservices/aspnet_core:/var/www/aspnetcoreapp
ports:
- "5000:5000"
depends_on:
- "postgres"
networks:
- app-network

postgres:
container_name: 'postgres'
image: postgres
environment:
POSTGRES_PASSWORD: password
networks:
- app-network

cadvisor:
container_name: cadvisor
image: google/cadvisor
volumes:
- /:/rootfs:ro
- /var/run:/var/run:rw
- /sys:/sys:ro
- /var/lib/docker/:/var/lib/docker:ro
ports:
- "8080:8080"
networks:
- app-network

networks:
app-network:
driver: bridge


Unfortunately, when I saved the change of src/index.html inside vs code it did not trigger to reload the app inside docker.



What did I miss?



Thank you in advance,



Michal










share|improve this question
























  • Code reload only works with ng serve, not with a build version of the Angular code
    – user184994
    Nov 11 at 22:18












  • Does it mean that is there a way to trigger ng serve automatically similar nodemon --debug=5858?
    – user977828
    Nov 11 at 22:46













up vote
0
down vote

favorite









up vote
0
down vote

favorite











I found here a docker-compose project:



version: '3.1'

services:

nginx:
container_name: nginx
image: nginx
build:
context: .
dockerfile: .docker/nginx.dockerfile
volumes:
- ./dist:/usr/share/nginx/html
ports:
- "80:80"
- "443:443"

networks:
- app-network

node:
container_name: nodeapp
image: nodeapp
build:
context: ./microservices/node
dockerfile: .docker/node.development.dockerfile
volumes:
- ./microservices/node:/var/www/angularnoderestfulservice
environment:
- NODE_ENV=development
ports:
- "3000:3000"
depends_on:
- mongodb
networks:
- app-network

#No authentication is provided here - JUST A DEMO! That would absolutely
#be needed for a "real" application
mongodb:
container_name: mongodb
image: mongo
networks:
- app-network

aspnet:
container_name: 'aspnetcoreapp'
image: 'aspnetcoreapp'
build:
context: ./microservices/aspnet_core
dockerfile: .docker/aspnetcore.development.dockerfile
volumes:
- ./microservices/aspnet_core:/var/www/aspnetcoreapp
ports:
- "5000:5000"
depends_on:
- "postgres"
networks:
- app-network

postgres:
container_name: 'postgres'
image: postgres
environment:
POSTGRES_PASSWORD: password
networks:
- app-network

cadvisor:
container_name: cadvisor
image: google/cadvisor
volumes:
- /:/rootfs:ro
- /var/run:/var/run:rw
- /sys:/sys:ro
- /var/lib/docker/:/var/lib/docker:ro
ports:
- "8080:8080"
networks:
- app-network

networks:
app-network:
driver: bridge


Unfortunately, when I saved the change of src/index.html inside vs code it did not trigger to reload the app inside docker.



What did I miss?



Thank you in advance,



Michal










share|improve this question















I found here a docker-compose project:



version: '3.1'

services:

nginx:
container_name: nginx
image: nginx
build:
context: .
dockerfile: .docker/nginx.dockerfile
volumes:
- ./dist:/usr/share/nginx/html
ports:
- "80:80"
- "443:443"

networks:
- app-network

node:
container_name: nodeapp
image: nodeapp
build:
context: ./microservices/node
dockerfile: .docker/node.development.dockerfile
volumes:
- ./microservices/node:/var/www/angularnoderestfulservice
environment:
- NODE_ENV=development
ports:
- "3000:3000"
depends_on:
- mongodb
networks:
- app-network

#No authentication is provided here - JUST A DEMO! That would absolutely
#be needed for a "real" application
mongodb:
container_name: mongodb
image: mongo
networks:
- app-network

aspnet:
container_name: 'aspnetcoreapp'
image: 'aspnetcoreapp'
build:
context: ./microservices/aspnet_core
dockerfile: .docker/aspnetcore.development.dockerfile
volumes:
- ./microservices/aspnet_core:/var/www/aspnetcoreapp
ports:
- "5000:5000"
depends_on:
- "postgres"
networks:
- app-network

postgres:
container_name: 'postgres'
image: postgres
environment:
POSTGRES_PASSWORD: password
networks:
- app-network

cadvisor:
container_name: cadvisor
image: google/cadvisor
volumes:
- /:/rootfs:ro
- /var/run:/var/run:rw
- /sys:/sys:ro
- /var/lib/docker/:/var/lib/docker:ro
ports:
- "8080:8080"
networks:
- app-network

networks:
app-network:
driver: bridge


Unfortunately, when I saved the change of src/index.html inside vs code it did not trigger to reload the app inside docker.



What did I miss?



Thank you in advance,



Michal







angular docker visual-studio-code docker-compose






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 11 at 22:16

























asked Nov 11 at 22:09









user977828

1,79963365




1,79963365












  • Code reload only works with ng serve, not with a build version of the Angular code
    – user184994
    Nov 11 at 22:18












  • Does it mean that is there a way to trigger ng serve automatically similar nodemon --debug=5858?
    – user977828
    Nov 11 at 22:46


















  • Code reload only works with ng serve, not with a build version of the Angular code
    – user184994
    Nov 11 at 22:18












  • Does it mean that is there a way to trigger ng serve automatically similar nodemon --debug=5858?
    – user977828
    Nov 11 at 22:46
















Code reload only works with ng serve, not with a build version of the Angular code
– user184994
Nov 11 at 22:18






Code reload only works with ng serve, not with a build version of the Angular code
– user184994
Nov 11 at 22:18














Does it mean that is there a way to trigger ng serve automatically similar nodemon --debug=5858?
– user977828
Nov 11 at 22:46




Does it mean that is there a way to trigger ng serve automatically similar nodemon --debug=5858?
– user977828
Nov 11 at 22:46












1 Answer
1






active

oldest

votes

















up vote
0
down vote













When you use nginx to serve, it serves a built version of angular app (by ng build) inside /dist folder. You are looking for angular's live development feature with ng serve.



Take a look at this repo https://github.com/willcrisis/ng-docker/blob/master/README.md






share|improve this answer





















    Your Answer






    StackExchange.ifUsing("editor", function () {
    StackExchange.using("externalEditor", function () {
    StackExchange.using("snippets", function () {
    StackExchange.snippets.init();
    });
    });
    }, "code-snippets");

    StackExchange.ready(function() {
    var channelOptions = {
    tags: "".split(" "),
    id: "1"
    };
    initTagRenderer("".split(" "), "".split(" "), channelOptions);

    StackExchange.using("externalEditor", function() {
    // Have to fire editor after snippets, if snippets enabled
    if (StackExchange.settings.snippets.snippetsEnabled) {
    StackExchange.using("snippets", function() {
    createEditor();
    });
    }
    else {
    createEditor();
    }
    });

    function createEditor() {
    StackExchange.prepareEditor({
    heartbeatType: 'answer',
    convertImagesToLinks: true,
    noModals: true,
    showLowRepImageUploadWarning: true,
    reputationToPostImages: 10,
    bindNavPrevention: true,
    postfix: "",
    imageUploader: {
    brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
    contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
    allowUrls: true
    },
    onDemand: true,
    discardSelector: ".discard-answer"
    ,immediatelyShowMarkdownHelp:true
    });


    }
    });














    draft saved

    draft discarded


















    StackExchange.ready(
    function () {
    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53253743%2fchanging-angular-code-does-not-trigger-to-reload-the-app-inside-docker%23new-answer', 'question_page');
    }
    );

    Post as a guest















    Required, but never shown

























    1 Answer
    1






    active

    oldest

    votes








    1 Answer
    1






    active

    oldest

    votes









    active

    oldest

    votes






    active

    oldest

    votes








    up vote
    0
    down vote













    When you use nginx to serve, it serves a built version of angular app (by ng build) inside /dist folder. You are looking for angular's live development feature with ng serve.



    Take a look at this repo https://github.com/willcrisis/ng-docker/blob/master/README.md






    share|improve this answer

























      up vote
      0
      down vote













      When you use nginx to serve, it serves a built version of angular app (by ng build) inside /dist folder. You are looking for angular's live development feature with ng serve.



      Take a look at this repo https://github.com/willcrisis/ng-docker/blob/master/README.md






      share|improve this answer























        up vote
        0
        down vote










        up vote
        0
        down vote









        When you use nginx to serve, it serves a built version of angular app (by ng build) inside /dist folder. You are looking for angular's live development feature with ng serve.



        Take a look at this repo https://github.com/willcrisis/ng-docker/blob/master/README.md






        share|improve this answer












        When you use nginx to serve, it serves a built version of angular app (by ng build) inside /dist folder. You are looking for angular's live development feature with ng serve.



        Take a look at this repo https://github.com/willcrisis/ng-docker/blob/master/README.md







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 12 at 0:47









        Siyu

        1,4461620




        1,4461620






























            draft saved

            draft discarded




















































            Thanks for contributing an answer to Stack Overflow!


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.





            Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


            Please pay close attention to the following guidance:


            • Please be sure to answer the question. Provide details and share your research!

            But avoid



            • Asking for help, clarification, or responding to other answers.

            • Making statements based on opinion; back them up with references or personal experience.


            To learn more, see our tips on writing great answers.




            draft saved


            draft discarded














            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53253743%2fchanging-angular-code-does-not-trigger-to-reload-the-app-inside-docker%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown





















































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown

































            Required, but never shown














            Required, but never shown












            Required, but never shown







            Required, but never shown







            Popular posts from this blog

            鏡平學校

            ꓛꓣだゔៀៅຸ໢ທຮ໕໒ ,ໂ'໥໓າ໼ឨឲ៵៭ៈゎゔit''䖳𥁄卿' ☨₤₨こゎもょの;ꜹꟚꞖꞵꟅꞛေၦေɯ,ɨɡ𛃵𛁹ޝ޳ޠ޾,ޤޒޯ޾𫝒𫠁သ𛅤チョ'サノބޘދ𛁐ᶿᶇᶀᶋᶠ㨑㽹⻮ꧬ꧹؍۩وَؠ㇕㇃㇪ ㇦㇋㇋ṜẰᵡᴠ 軌ᵕ搜۳ٰޗޮ޷ސޯ𫖾𫅀ल, ꙭ꙰ꚅꙁꚊꞻꝔ꟠Ꝭㄤﺟޱސꧨꧼ꧴ꧯꧽ꧲ꧯ'⽹⽭⾁⿞⼳⽋២៩ញណើꩯꩤ꩸ꩮᶻᶺᶧᶂ𫳲𫪭𬸄𫵰𬖩𬫣𬊉ၲ𛅬㕦䬺𫝌𫝼,,𫟖𫞽ហៅ஫㆔ాఆఅꙒꚞꙍ,Ꙟ꙱エ ,ポテ,フࢰࢯ𫟠𫞶 𫝤𫟠ﺕﹱﻜﻣ𪵕𪭸𪻆𪾩𫔷ġ,ŧآꞪ꟥,ꞔꝻ♚☹⛵𛀌ꬷꭞȄƁƪƬșƦǙǗdžƝǯǧⱦⱰꓕꓢႋ神 ဴ၀க௭எ௫ឫោ ' េㇷㇴㇼ神ㇸㇲㇽㇴㇼㇻㇸ'ㇸㇿㇸㇹㇰㆣꓚꓤ₡₧ ㄨㄟ㄂ㄖㄎ໗ツڒذ₶।ऩछएोञयूटक़कयँृी,冬'𛅢𛅥ㇱㇵㇶ𥄥𦒽𠣧𠊓𧢖𥞘𩔋цѰㄠſtʯʭɿʆʗʍʩɷɛ,əʏダヵㄐㄘR{gỚṖḺờṠṫảḙḭᴮᵏᴘᵀᵷᵕᴜᴏᵾq﮲ﲿﴽﭙ軌ﰬﶚﶧ﫲Ҝжюїкӈㇴffצּ﬘﭅﬈軌'ffistfflſtffतभफɳɰʊɲʎ𛁱𛁖𛁮𛀉 𛂯𛀞నఋŀŲ 𫟲𫠖𫞺ຆຆ ໹້໕໗ๆทԊꧢꧠ꧰ꓱ⿝⼑ŎḬẃẖỐẅ ,ờỰỈỗﮊDžȩꭏꭎꬻ꭮ꬿꭖꭥꭅ㇭神 ⾈ꓵꓑ⺄㄄ㄪㄙㄅㄇstA۵䞽ॶ𫞑𫝄㇉㇇゜軌𩜛𩳠Jﻺ‚Üမ႕ႌႊၐၸဓၞၞၡ៸wyvtᶎᶪᶹစဎ꣡꣰꣢꣤ٗ؋لㇳㇾㇻㇱ㆐㆔,,㆟Ⱶヤマފ޼ޝަݿݞݠݷݐ',ݘ,ݪݙݵ𬝉𬜁𫝨𫞘くせぉて¼óû×ó£…𛅑הㄙくԗԀ5606神45,神796'𪤻𫞧ꓐ㄁ㄘɥɺꓵꓲ3''7034׉ⱦⱠˆ“𫝋ȍ,ꩲ軌꩷ꩶꩧꩫఞ۔فڱێظペサ神ナᴦᵑ47 9238їﻂ䐊䔉㠸﬎ffiﬣ,לּᴷᴦᵛᵽ,ᴨᵤ ᵸᵥᴗᵈꚏꚉꚟ⻆rtǟƴ𬎎

            Why https connections are so slow when debugging (stepping over) in Java?