如何修复 Ionic 中缺少类型的“CameraPreview”?

问题描述

我想构建一个 Ionic 相机预览应用程序,并且我安装了 @capacitor-community/camera-preview。我已在 HomePage.ts 中将 CameraPreview 声明为插件

import { Component } from '@angular/core';
import { PluginRegistry,Plugins } from '@capacitor/core';
// eslint-disable-next-line @typescript-eslint/naming-convention
const {CameraPreview} = Plugins;
import {CameraPreviewOptions,CameraPreviewPictureOptions} from '@capacitor-community/camera-preview';
import '@capacitor-community/camera-preview';

每次我运行 ionic serve 来部署应用程序时,我都会收到此错误

Error: node_modules/@capacitor-community/camera-preview/node_modules/@capacitor/core/types/deFinitions-internal.d.ts:16:18 - error TS2430: Interface 'CapacitorInstance' incorrectly extends interface 'CapacitorGlobal'.
  Types of property 'Plugins' are incompatible.
    Property 'CameraPreview' is missing in type '{ [pluginName: string]: { [prop: string]: any; }; }' but required in type 'PluginRegistry'.

16 export interface CapacitorInstance extends CapacitorGlobal {
                    ~~~~~~~~~~~~~~~~~

  node_modules/@capacitor-community/camera-preview/dist/esm/deFinitions.d.ts:3:9
    3         CameraPreview: CameraPreviewPlugin;
              ~~~~~~~~~~~~~
    'CameraPreview' is declared here.

我尝试安装电容器 3 但仍然无法正常工作

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)