Question

我正尝试以与其他插件camera-preview相同的方式安装和使用camera from Ionic Native。虽然它适用于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]
})

home.page.ts

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-native / camera-preview / ngx'。

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

这是怎么回事？

Answer 1

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

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

Answer 2

我从插件中删除了ngx，

来自：

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

收件人：

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

它解决了问题。

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

2 个答案: