Object Ionic 4摄像机/动作表对象(…)不是函数
我尝试在Ionic 4中使用摄像头插件,当服务启动时没有出现错误,浏览器控制台中会出现以下错误: 我删除文件夹节点_模块并重新安装,但无法修复此问题 npm安装 对于ActionSheet,我也有同样的错误 包中的依赖项:Object Ionic 4摄像机/动作表对象(…)不是函数,object,ionic-framework,cordova-plugins,ionic4,Object,Ionic Framework,Cordova Plugins,Ionic4,我尝试在Ionic 4中使用摄像头插件,当服务启动时没有出现错误,浏览器控制台中会出现以下错误: 我删除文件夹节点_模块并重新安装,但无法修复此问题 npm安装 对于ActionSheet,我也有同样的错误 包中的依赖项: "dependencies": { "@angular/common": "~6.1.1", "@angular/core": "^6.1.2", "@angular/forms": "~6.1.1", "@angular/http": "
"dependencies": {
"@angular/common": "~6.1.1",
"@angular/core": "^6.1.2",
"@angular/forms": "~6.1.1",
"@angular/http": "~6.1.1",
"@angular/platform-browser": "^6.1.2",
"@angular/platform-browser-dynamic": "~6.1.1",
"@angular/router": "~6.1.1",
"@ionic-native/action-sheet": "^4.11.0",
"@ionic-native/camera": "^4.11.0",
"@ionic-native/core": "^5.0.0-beta.14",
"@ionic-native/file-transfer": "^4.11.0",
"@ionic-native/network": "^4.11.0",
"@ionic-native/splash-screen": "5.0.0-beta.14",
"@ionic-native/status-bar": "5.0.0-beta.14",
"@ionic/angular": "^4.0.0-beta.2",
"@ionic/lab": "^1.0.6",
"@ionic/ng-toolkit": "^1.0.6",
"@ionic/schematics-angular": "^1.0.0",
"cordova-android": "^7.1.1",
"cordova-android-support-gradle-release": "^1.4.4",
"cordova-ios": "4.5.5",
"cordova-plugin-actionsheet": "^2.3.3",
"cordova-plugin-camera": "^4.0.3",
"cordova-plugin-device": "^2.0.2",
"cordova-plugin-file": "^6.0.1",
"cordova-plugin-file-transfer": "^1.7.1",
"cordova-plugin-ionic-keyboard": "^2.1.2",
"cordova-plugin-ionic-webview": "^2.0.2",
"cordova-plugin-network-information": "^2.0.1",
"cordova-plugin-splashscreen": "^5.0.2",
"cordova-plugin-whitelist": "^1.3.3",
"core-js": "^2.5.3",
"promise-polyfill": "^8.0.0",
"rxjs": "^6.2.2",
"rxjs-compat": "^6.2.2",
"zone.js": "^0.8.26"
},
谢谢
编辑:当我试图编译它的时候!(使用行动表)
--冗长的:
仅当某些TS文件具有导入权限时,才会出现此错误。它是否被使用并不重要
从'@ionic native/action sheet'导入{ActionSheet,ActionSheetOptions}
确保已正确安装摄像头插件和节点模块 步骤1:删除当前节点模块并使用重新安装
npm install
步骤2:重建平台(删除旧平台)并安装插件
$ ionic cordova plugin add cordova-plugin-camera
$ npm install --save @ionic-native/camera
在您的TS文件中
import { Component } from '@angular/core';
import { IonicPage, NavController,ActionSheetController } from 'ionic-angular';
import { Camera, CameraOptions } from '@ionic-native/camera';
import { Storage } from '@ionic/storage';
@IonicPage()
@Component({
selector: 'page-field-observation',
templateUrl: 'field-observation.html',
})
export class FieldObservationPage {
CapturedImageURL:any;
constructor(
public navCtrl: NavController,
private camera: Camera,
public actionSheetCtrl: ActionSheetController,
public storage:Storage
){
}
ionViewDidLoad() {
}
captureImage() {
const CamOptions: CameraOptions = {
quality: 100,
destinationType: this.camera.DestinationType.FILE_URI,
encodingType: this.camera.EncodingType.JPEG,
mediaType: this.camera.MediaType.PICTURE,
sourceType: this.camera.PictureSourceType.CAMERA,
targetWidth:1024,
targetHeight:720
}
this.camera.getPicture(CamOptions).then((imageData) => {
console.log(imageData);
this.CapturedImageURL = imageData;
});
}
captureImageGallery(){
const options: CameraOptions = {
quality: 100,
destinationType: this.camera.DestinationType.FILE_URI,
encodingType: this.camera.EncodingType.JPEG,
mediaType: this.camera.MediaType.PICTURE,
sourceType:0,
saveToPhotoAlbum:true,
targetWidth:1024,
targetHeight:720,
allowEdit:true
}
this.camera.getPicture(options).then((imageData) => {
this.CapturedImageURL = imageData;
});
}
CameraActionSheet() {
let actionSheet = this.actionSheetCtrl.create({
title: 'Choose an image from',
enableBackdropDismiss:true,
buttons: [
{
text: 'Camera',
icon: 'camera',
handler: () => {
this.captureImage();
}
},
{
text: 'Library',
icon: 'image',
handler: () => {
this.captureImageGallery();
}
},
{
text: 'Cancel',
role: 'cancel',
icon:'close-circle',
handler: () => {
console.log('Cancel clicked');
}
}
]
});
actionSheet.present();
}
}
确保已正确安装摄像头插件和节点模块 步骤1:删除当前节点模块并使用重新安装
npm install
步骤2:重建平台(删除旧平台)并安装插件
$ ionic cordova plugin add cordova-plugin-camera
$ npm install --save @ionic-native/camera
在您的TS文件中
import { Component } from '@angular/core';
import { IonicPage, NavController,ActionSheetController } from 'ionic-angular';
import { Camera, CameraOptions } from '@ionic-native/camera';
import { Storage } from '@ionic/storage';
@IonicPage()
@Component({
selector: 'page-field-observation',
templateUrl: 'field-observation.html',
})
export class FieldObservationPage {
CapturedImageURL:any;
constructor(
public navCtrl: NavController,
private camera: Camera,
public actionSheetCtrl: ActionSheetController,
public storage:Storage
){
}
ionViewDidLoad() {
}
captureImage() {
const CamOptions: CameraOptions = {
quality: 100,
destinationType: this.camera.DestinationType.FILE_URI,
encodingType: this.camera.EncodingType.JPEG,
mediaType: this.camera.MediaType.PICTURE,
sourceType: this.camera.PictureSourceType.CAMERA,
targetWidth:1024,
targetHeight:720
}
this.camera.getPicture(CamOptions).then((imageData) => {
console.log(imageData);
this.CapturedImageURL = imageData;
});
}
captureImageGallery(){
const options: CameraOptions = {
quality: 100,
destinationType: this.camera.DestinationType.FILE_URI,
encodingType: this.camera.EncodingType.JPEG,
mediaType: this.camera.MediaType.PICTURE,
sourceType:0,
saveToPhotoAlbum:true,
targetWidth:1024,
targetHeight:720,
allowEdit:true
}
this.camera.getPicture(options).then((imageData) => {
this.CapturedImageURL = imageData;
});
}
CameraActionSheet() {
let actionSheet = this.actionSheetCtrl.create({
title: 'Choose an image from',
enableBackdropDismiss:true,
buttons: [
{
text: 'Camera',
icon: 'camera',
handler: () => {
this.captureImage();
}
},
{
text: 'Library',
icon: 'image',
handler: () => {
this.captureImageGallery();
}
},
{
text: 'Cancel',
role: 'cancel',
icon:'close-circle',
handler: () => {
console.log('Cancel clicked');
}
}
]
});
actionSheet.present();
}
}
我已经解决了强> 我需要安装@5.0.0-beta.17软件包 npm i-s@ionic native/camera@5.0.0-β.17 npm i-s@ionic native/action-sheet@5.0.0-β.17 然后,我可以将其用于:
从'@ionic native/Camera/ngx'导入{Camera,CameraOptions};
从'@ionic native/action sheet/ngx'导入{ActionSheet,ActionSheetOptions};
我已经解决了强>
我需要安装@5.0.0-beta.17软件包
npm i-s@ionic native/camera@5.0.0-β.17
npm i-s@ionic native/action-sheet@5.0.0-β.17
然后,我可以将其用于:
从'@ionic native/Camera/ngx'导入{Camera,CameraOptions};
从'@ionic native/action sheet/ngx'导入{ActionSheet,ActionSheetOptions};
您是否在浏览器中使用本机插件?大多数ionic本机插件在浏览器中不起作用。“使您使用”首先适用于浏览器。是的,我会尝试一个设备。该设备也会失败,没有消息,全部为白色。您是否在浏览器中使用本机插件?大多数ionic本机插件在浏览器中不起作用。让你先使用浏览器。没错,我会尝试一个设备。它在设备上也会失败,没有消息,全白。我删除了node_plataform,并用“npm安装”重新安装,我删除了平台和插件,用“ionic cordova prepare”重新安装,同样的错误也出现了。您的TS代码无效,是Ionic 3I删除了node_plataform,并使用“npm安装”重新安装,我删除了平台和插件,并使用“Ionic cordova prepare”重新安装,出现相同的错误。你的TS代码是无效的,是不是爱奥尼亚3I的相机插件有问题,这对我有效我的相机插件有问题,这对我有效