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

Posted 2023-03-13

【中文标题】如何修复 Ionic 类型中缺少“CameraPreview”？

【英文标题】：How to fix 'CameraPreview' is missing in type in Ionic?

【发布时间】：2021-09-14 13:42:07

【问题描述】：

我想构建一个 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 但仍然无法正常工作

【参考方案1】：

参考：https://github.com/capacitor-community/apple-sign-in/issues/22

patrickbussmann 于 6 月 1 日发表评论 您只能在没有标签的情况下安装它。

npm install 电容社区/相机预览

然后你安装了 master 分支，你可以使用 Capacitor 3。

发生在我身上

【讨论】：

请清楚地表达和格式化您的答案，而不是复制一些文字。

这并不能真正回答问题。如果您有其他问题，可以点击 提问。要在此问题有新答案时收到通知，您可以follow this question。一旦你有足够的reputation，你也可以add a bounty 来引起对这个问题的更多关注。 - From Review