Package path ./dist/esm/parcel is not exported from package...

When using Parcel in the Vue sub-application of the single-spa micro-frontend project, such an error may be reported:

<script>
import Parcel from 'single-spa-vue/dist/esm/parcel'
import {
    
     mountRootParcel } from "single-spa"

export default {
    
    
  name: "App",
  components: {
    
    
    Parcel
  },
  data() {
    
    
    return {
    
    
      parcelConfig: window.System.import("@sj/navbar"),
      mountParcel: mountRootParcel
    }
  }
}
</script>

It needs to be changed to the latest writing method:

import Parcel from 'single-spa-vue/parcel'

official document