无法加载pwa元素“pwa-摄像机-模式”

Question

使用电容相机插件，我试着用离子相机拍摄照片。不幸的是，每当我调用该函数在浏览器平台上启动相机时，我就会得到以下错误：

unable to load pwa element 'pwa-camera-modal'

一旦发生这种情况，对话就会被打开，促使我上传一张图片，而不是电脑的摄像头。我该如何规避这个问题呢？

Answer 1

来自电容器：

一些电容插件，如照相机或Toast，在不运行natively.This用户界面时，可以使用web组件实现基于web的UI。由于Shadow DOM的魔力，这些组件不应该与您自己的UI冲突。要启用这些控件，必须向应用程序中添加@离子型/pwa-元素。

下面是如何启用它的方法：

1. npm install @ionic/pwa-elements
2. In您的app.component.ts文件，从您刚刚安装的pwa-elements导入defineCustomElements，然后在类控制器中调用它：

代码：

import { defineCustomElements } from '@ionic/pwa-elements/loader';

...

export class AppComponent {
  constructor() {
    defineCustomElements(window);
  }
}