Angular 6 upgrade run time issue for optimized build









up vote
0
down vote

favorite












I have upgraded my current project from angular 4 to version 6. I followed the steps mentioned in this URL: https://update.angular.io/



I corrected the import definitions for RxJs classes and operators according to version 6+, used pipe operators to combine multiple operators and resolved the name of operators that were changed in RxJs version 6.



I am not facing any issue when compiling the build for development but observing issue while running the application with optimized build **ng --prod**.



Here is my current package.json file.



 "dependencies": 
...
"primeng": "4.0.3",
"rxjs": "^6.3.2",
"rxjs-compat": "^6.3.2",
"tixif-ngx-busy": "0.0.8",
"zone.js": "^0.8.26"



and here is the error in console.



https://i.stack.imgur.com/RY565.png










share|improve this question























  • don't share code (including stack traces) as images. your exception is not visible / readable in attached screenshot. Instead copy paste your error to the question as text in readable fashion.
    – muradm
    Nov 11 at 20:41














up vote
0
down vote

favorite












I have upgraded my current project from angular 4 to version 6. I followed the steps mentioned in this URL: https://update.angular.io/



I corrected the import definitions for RxJs classes and operators according to version 6+, used pipe operators to combine multiple operators and resolved the name of operators that were changed in RxJs version 6.



I am not facing any issue when compiling the build for development but observing issue while running the application with optimized build **ng --prod**.



Here is my current package.json file.



 "dependencies": 
...
"primeng": "4.0.3",
"rxjs": "^6.3.2",
"rxjs-compat": "^6.3.2",
"tixif-ngx-busy": "0.0.8",
"zone.js": "^0.8.26"



and here is the error in console.



https://i.stack.imgur.com/RY565.png










share|improve this question























  • don't share code (including stack traces) as images. your exception is not visible / readable in attached screenshot. Instead copy paste your error to the question as text in readable fashion.
    – muradm
    Nov 11 at 20:41












up vote
0
down vote

favorite









up vote
0
down vote

favorite











I have upgraded my current project from angular 4 to version 6. I followed the steps mentioned in this URL: https://update.angular.io/



I corrected the import definitions for RxJs classes and operators according to version 6+, used pipe operators to combine multiple operators and resolved the name of operators that were changed in RxJs version 6.



I am not facing any issue when compiling the build for development but observing issue while running the application with optimized build **ng --prod**.



Here is my current package.json file.



 "dependencies": 
...
"primeng": "4.0.3",
"rxjs": "^6.3.2",
"rxjs-compat": "^6.3.2",
"tixif-ngx-busy": "0.0.8",
"zone.js": "^0.8.26"



and here is the error in console.



https://i.stack.imgur.com/RY565.png










share|improve this question















I have upgraded my current project from angular 4 to version 6. I followed the steps mentioned in this URL: https://update.angular.io/



I corrected the import definitions for RxJs classes and operators according to version 6+, used pipe operators to combine multiple operators and resolved the name of operators that were changed in RxJs version 6.



I am not facing any issue when compiling the build for development but observing issue while running the application with optimized build **ng --prod**.



Here is my current package.json file.



 "dependencies": 
...
"primeng": "4.0.3",
"rxjs": "^6.3.2",
"rxjs-compat": "^6.3.2",
"tixif-ngx-busy": "0.0.8",
"zone.js": "^0.8.26"



and here is the error in console.



https://i.stack.imgur.com/RY565.png







migration angular6 rxjs6






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 11 at 11:24

























asked Nov 11 at 11:08









Milind Kali

11




11











  • don't share code (including stack traces) as images. your exception is not visible / readable in attached screenshot. Instead copy paste your error to the question as text in readable fashion.
    – muradm
    Nov 11 at 20:41
















  • don't share code (including stack traces) as images. your exception is not visible / readable in attached screenshot. Instead copy paste your error to the question as text in readable fashion.
    – muradm
    Nov 11 at 20:41















don't share code (including stack traces) as images. your exception is not visible / readable in attached screenshot. Instead copy paste your error to the question as text in readable fashion.
– muradm
Nov 11 at 20:41




don't share code (including stack traces) as images. your exception is not visible / readable in attached screenshot. Instead copy paste your error to the question as text in readable fashion.
– muradm
Nov 11 at 20:41












1 Answer
1






active

oldest

votes

















up vote
0
down vote













Based on our troubleshooting related to this upgrade, We found out that, we were using an angular module called ngBusy that was causing the build to fail.



To be specific, here is how I troubleshooted this issue.



  1. Narrowed down on files that might be causing the prod build to fail- I did this by starting with one module and testing if the build was fine or not and then added other modules one by one.


  2. Based on step 1, I found out that if I remove all the occurrences of ngBusy, my angular build was working perfect, in both development and production environments.


  3. Based on this, we upgraded the ngBusy module to version 6, which finally resolved the issue.


This was a very small issue but it took us, three days to dig it up. Hope it helps!






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%2f53248105%2fangular-6-upgrade-run-time-issue-for-optimized-build%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













    Based on our troubleshooting related to this upgrade, We found out that, we were using an angular module called ngBusy that was causing the build to fail.



    To be specific, here is how I troubleshooted this issue.



    1. Narrowed down on files that might be causing the prod build to fail- I did this by starting with one module and testing if the build was fine or not and then added other modules one by one.


    2. Based on step 1, I found out that if I remove all the occurrences of ngBusy, my angular build was working perfect, in both development and production environments.


    3. Based on this, we upgraded the ngBusy module to version 6, which finally resolved the issue.


    This was a very small issue but it took us, three days to dig it up. Hope it helps!






    share|improve this answer
























      up vote
      0
      down vote













      Based on our troubleshooting related to this upgrade, We found out that, we were using an angular module called ngBusy that was causing the build to fail.



      To be specific, here is how I troubleshooted this issue.



      1. Narrowed down on files that might be causing the prod build to fail- I did this by starting with one module and testing if the build was fine or not and then added other modules one by one.


      2. Based on step 1, I found out that if I remove all the occurrences of ngBusy, my angular build was working perfect, in both development and production environments.


      3. Based on this, we upgraded the ngBusy module to version 6, which finally resolved the issue.


      This was a very small issue but it took us, three days to dig it up. Hope it helps!






      share|improve this answer






















        up vote
        0
        down vote










        up vote
        0
        down vote









        Based on our troubleshooting related to this upgrade, We found out that, we were using an angular module called ngBusy that was causing the build to fail.



        To be specific, here is how I troubleshooted this issue.



        1. Narrowed down on files that might be causing the prod build to fail- I did this by starting with one module and testing if the build was fine or not and then added other modules one by one.


        2. Based on step 1, I found out that if I remove all the occurrences of ngBusy, my angular build was working perfect, in both development and production environments.


        3. Based on this, we upgraded the ngBusy module to version 6, which finally resolved the issue.


        This was a very small issue but it took us, three days to dig it up. Hope it helps!






        share|improve this answer












        Based on our troubleshooting related to this upgrade, We found out that, we were using an angular module called ngBusy that was causing the build to fail.



        To be specific, here is how I troubleshooted this issue.



        1. Narrowed down on files that might be causing the prod build to fail- I did this by starting with one module and testing if the build was fine or not and then added other modules one by one.


        2. Based on step 1, I found out that if I remove all the occurrences of ngBusy, my angular build was working perfect, in both development and production environments.


        3. Based on this, we upgraded the ngBusy module to version 6, which finally resolved the issue.


        This was a very small issue but it took us, three days to dig it up. Hope it helps!







        share|improve this answer












        share|improve this answer



        share|improve this answer










        answered Nov 11 at 20:22









        Mohd. Anas

        1




        1



























            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%2f53248105%2fangular-6-upgrade-run-time-issue-for-optimized-build%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







            這個網誌中的熱門文章

            Barbados

            How to read a connectionString WITH PROVIDER in .NET Core?

            Node.js Script on GitHub Pages or Amazon S3