Dynamic import short syntax doesn't work at main.ts

[frolovsky]

Hi! Sometimes I saw, then try to remove our custom widgets (npm library) from shared section and rebuild && preview app. I got white screen, because chunk generated from main.ts doesn't run. In debug process, I change syntax of import inside main.ts-chunk:
Previous (doesn't work):

import { keycloak, _sfc_main } from './wrapper.vue_vue_type_script_setup_true_lang-b13b2a3b.js';

Changed (work):

import("./wrapper.vue_vue_type_script_setup_true_lang-b13b2a3b.js").then(
  async ({ keycloak, _sfc_main }) => {
    // some code
  }
);

Before I got some issue with modules, that got default export: #505
#499

Any ideas?

[frolovsky]

I solve it. Problem in auth service in our project. We place him in separated service, but he's using inside App.vue component and into chunk with App.vue and other. I put him in separated chunk. If some got same problem, temp fix for this:

 rollupOptions: {
      // ...
      output: {
        // ...
        manualChunks(id) {
          if (id.includes("services/auth")) { // part of path your auth service
            return "auth";
          }
        },
      },
    },