main.js not accessible for angular

  angular, micro-frontend

I was able to deploy my apps on cloud and have registered them through a container app…

{
        "imports": {
          "app1": "http://test-app1:80/main-es2015.js",
          "login": "http://srt-login:80/main-es2015.js",
          "nav-bar": "http://srt-navbar:80/main-es2015.js",
          "single-spa": "https://cdnjs.cloudflare.com/ajax/libs/single-spa/5.5.0/system/single-spa.min.js",
          "single-spa-layout": "https://unpkg.com/[email protected]/dist/system/single-spa-layout.min.js"
        }
      }

when i hit the url of the main container app it is unable to load the app1 and navbar.. Uncaught Error: application ‘app1’ died in status LOADING_SOURCE_CODE: Error loading http://test-app1:80/main-es2015.js

There are two main files generated for each application main-es2015.js and main-es5.js. Is there any difference between the two.

Source: Angular Questions

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.