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

原创于 2023-03-08 10:38:13 发布 · 657 阅读

CC 4.0 BY-SA版权

文章标签：

在single-spa微前端架构的Vue应用里，原先使用`single-spa-vue/dist/esm/parcel`导入Parcel的方式导致错误。根据最新文档，应更改为`single-spa-vue/parcel`的导入方式来解决此问题。

在single-spa微前端项目的vue子应用使用Parcel时可能会报这样的错误:

<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>

控制台报错
需要改成目前最新的写法:

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

官方文档