找不到模块'@ionic-native/camera-preview/ngx'



我正在尝试安装和使用来自 Ionic Native 的camera-preview,就像我对其他插件camera所做的那样。虽然它适用于camera,但我似乎无法为camera-preview重做相同的内容。

我按如下方式安装它:

ionic cordova plugin add cordova-plugin-camera-preview
npm install --save @ionic-native/camera-preview

然后将其集成到我的代码中,如下所示:

app.module.ts

import { CameraPreview } from '@ionic-native/camera-preview/ngx';
// ...
@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy },
    CameraPreview,
  ],
  bootstrap: [AppComponent]
})

首页

import { CameraPreview } from '@ionic-native/camera-preview/ngx';
// ...
export class HomePage {
  public image = '';
  constructor(private cameraPreview: CameraPreview) {
  }

}

运行时ionic serve -c我收到错误:

[ng] src/app/app.module.ts(12,31( 中的错误:错误 TS2307:找不到模块"@ionic-本机/相机预览/ngx"。

[ng] src/app/home/home.page.ts(2,31(:错误 TS2307:找不到模块"@ionic-native/camera-preview/ngx"。

这是怎么回事?

我从插件中删除了ngx,如下所示:

从:

import { CameraPreview } from '@ionic-native/camera-preview/ngx';

自:

import { CameraPreview } from '@ionic-native/camera-preview';

它解决了这个问题。

你的代码很好,确保你安装了最新版本的Ionic和Ionic-Native。Ionic 3 和 4 的早期版本不适用于 ngx 导入。

如果您使用的是更高版本(4.x 或 5(,请清理您的 node_modules 文件夹并重新安装所有内容,包括相机插件。

最新更新