我正在尝试安装和使用来自 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 文件夹并重新安装所有内容,包括相机插件。