用vite构建的vue3项目中使用CornerStone.js库时报错

用vite构建的vue3项目中使用CornerStone.js库时报错 ** Cannot read properties of undefined (reading 'webpackChunkcornerstoneWADOImageLoader')**

下面是代码

<template>
  <div class="hello" ref="layerGroup0">
  </div>
</template>

<script setup>
import { onMounted, ref } from "@vue/runtime-core";
import * as  cornerstone from "cornerstone-core";
import dicomParser from 'dicom-parser/dist/dicomParser.min'
import cornerstoneWADOImageLoader
  from 'cornerstone-wado-image-loader/dist/cornerstoneWADOImageLoaderNoWebWorkers.bundle.min'
  cornerstoneWADOImageLoader.external.cornerstone = cornerstone;
cornerstoneWADOImageLoader.external.dicomParser = dicomParser;
cornerstoneWADOImageLoader.configure({
  beforeSend: function (xhr) {
    const apiKey = localStorage.getItem('token');
    if (apiKey) {
      xhr.setRequestHeader('token', apiKey);
    }
  }
});

var config = {
  maxWebWorkers: navigator.hardwareConcurrency || 1,//创建web worker的最大数量，默认为1
  startWebWorkersOnDemand: true, //默认情况下在需要时才创建web worker,如果希望在项目初始化时创建可设置为：false
  taskConfiguration: {
    decodeTask: {
      initializeCodecsOnStartup: false,//默认情况下web worker 不会在启动时初始化图片解码器，如果希望开启设置为:true
    }
  },
};
let layerGroup0 = ref(); //dom节点
cornerstoneWADOImageLoader.webWorkerManager.initialize(config);
onMounted(() => {
  const element = layerGroup0.value
    cornerstone.enable(element);
    cornerstone.loadAndCacheImage('wadouri:https://assets.qiesou.com/data/DownloadImage.dcm').then(image => {
      const viewport = cornerstone.getDefaultViewportForImage(element, image);
      cornerstone.displayImage(element, image, viewport);
    })
  
});
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>

• 这篇文章：Vue3 + Vite 实现项目搭建 也许有你想要的答案，你可以看看