Uncaught non-crude-application: Application 'non-crude-application' died in status LOADING_SOURCE_CODE: "does not export an unmount function or array of functions" #4

pavankumarpachipala · 2020-03-13T07:24:06Z

I have created two applications. initially i am loading non-crude application. when i try to run the single html page i am getting below error.

Uncaught non-crude-application: Application 'non-crude-application' died in status LOADING_SOURCE_CODE: "does not export an unmount function or array of functions".

My Code:

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Security-Policy" content="default-src *  data: blob: 'unsafe-inline' 'unsafe-eval'; script-src * 'unsafe-inline' 'unsafe-eval'; connect-src * 'unsafe-inline'; img-src * data: blob: 'unsafe-inline'; frame-src *; style-src * data: blob: 'unsafe-inline'; font-src * data: blob: 'unsafe-inline';">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Your application</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="importmap-type" content="systemjs-importmap">
    <script type="systemjs-importmap">
      {
        "imports": {
          "app1": "http://localhost:4201/main.js",
          "app2": "http://localhost:4202/main.js",
          "navbar": "http://localhost:4300/main.js",
          "single-spa": "https://cdnjs.cloudflare.com/ajax/libs/single-spa/4.3.5/system/single-spa.min.js"
        }
      }
    </script>
    <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/single-spa/4.3.5/system/single-spa.min.js" as="script" crossorigin="anonymous" />
    <script src='https://unpkg.com/[email protected]/minified.js'></script>
    <script src="https://unpkg.com/zone.js"></script>
    <script src="https://unpkg.com/[email protected]/dist/import-map-overrides.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/4.0.0/system.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/4.0.0/extras/amd.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/4.0.0/extras/named-exports.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/systemjs/4.0.0/extras/named-register.min.js"></script>
  </head>
  <body>
    <script>
      System.import('single-spa').then(function (singleSpa) {
        singleSpa.registerApplication(
          'navbar',
          function () {
            return System.import('navbar');
          },
          function (location) {
            return true;
          }
        )

        singleSpa.registerApplication(
          'app1',
          function () {
            return System.import('app1');
          },
          function (location) {
            return location.pathname.startsWith('/app1');
          }
        );

        singleSpa.registerApplication(
          'app2',
          function () {
            return System.import('app2');
          },
          function (location) {
            return location.pathname.startsWith('/app2');
          }
        )

        singleSpa.start();
      })
    </script>
    <import-map-overrides-full></import-map-overrides-full>
  </body>
</html>

The text was updated successfully, but these errors were encountered:

joeldenning · 2020-03-14T02:18:51Z

Your HTML file does not have non-crude-application in it. Where is that application being registered?

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uncaught non-crude-application: Application 'non-crude-application' died in status LOADING_SOURCE_CODE: "does not export an unmount function or array of functions" #4

Uncaught non-crude-application: Application 'non-crude-application' died in status LOADING_SOURCE_CODE: "does not export an unmount function or array of functions" #4

pavankumarpachipala commented Mar 13, 2020 •

edited by joeldenning

Loading

joeldenning commented Mar 14, 2020

Uncaught non-crude-application: Application 'non-crude-application' died in status LOADING_SOURCE_CODE: "does not export an unmount function or array of functions" #4

Uncaught non-crude-application: Application 'non-crude-application' died in status LOADING_SOURCE_CODE: "does not export an unmount function or array of functions" #4

Comments

pavankumarpachipala commented Mar 13, 2020 • edited by joeldenning Loading

joeldenning commented Mar 14, 2020

pavankumarpachipala commented Mar 13, 2020 •

edited by joeldenning

Loading