Javascript 如何使用bundler（无框架）将@ionic/pwa元素包括到项目中？

我有一个简单的项目捆绑包，使用电容器相机插件，到目前为止，我能够使它的工作添加到html脚本标记。但是，有没有一种方法可以将pwa元素包含到一个只需导入模块然后使用电容器相机插件API的项目中

通过执行以下操作，React/Angular方法似乎足够简单

从'@ionic/pwa elements/loader'导入{definecustomements}；
...
定义组件（窗口）；

就我而言，到目前为止有效的方法是：

在HTML中

...

在JS中

异步函数tomarFoto（）{ const camara=document.createElement（'pwa-camera-modal'）； 文件.正文.附件（卡马拉）； 等待camara.componentOnReady（）； 返回新承诺（（冲突解决程序，rechazar）=>{ camara.addEventListener（'NodeDeviceError'，async（e）=>{ console.log（'No se encontróuna cámara para usar esta función'，e'）； }); camara.addEventListener（'onPhoto'，异步（e）=>{ const photo=e.细节； 如果（照片和！（照片实例错误））{ constURL=window.url.createObjectURL（照片）； 解析程序（url）； }如果有的话（照片）{ rechazar（照片、留言）； } 等待卡马拉。解散（）； 文件.body.removeChild（camara）； }); camara.present（）； }); } 有没有办法将这些脚本标记中的代码导入到我的javascript中，这样就可以捆绑并脱机使用

最好这样做，然后将摄像头插件与电容器API一起使用：

const image=wait Camera.getPhoto({
质量：100，
允许：是的，
结果类型：cameraresultype.Uri，
});

但当我尝试这样做时，我会出现以下错误：

加载模块脚本失败：服务器使用非JavaScript MIME类型“text/html”进行响应。根据HTML规范，对模块脚本执行严格的MIME类型检查。
core-f86805ad.js：
TypeError:无法获取动态导入的模块：https://localhost:8080/pwa-camera-modal.entry.js