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

【问题标题】：Cannot find module '@ionic-native/camera-preview/ngx'找不到模块'@ionic-native/camera-preview/ngx'
【发布时间】：2019-07-11 20:55:25
【问题描述】：

我正在尝试安装和使用camera-previewfrom Ionic Native，就像我为其他插件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]
})

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”。

发生了什么事？

【问题讨论】：

你有哪个 Ionic 版本？
你如何检查？
你能分享你的 package.json 和 ionic info 结果吗？
@JohnAndrews 您可以在终端“离子版本”中使用以下命令进行检查

标签： angular ionic-framework cordova-plugins ionic-native

【解决方案1】：

我从插件中删除了 ngx，例如：

来自：

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

到：

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

它解决了这个问题。

【讨论】：

【解决方案2】：

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

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

【讨论】：