NativeScript / NativeScript/plugins
[@nativescript/camera] cannot read property 'camera' of undefined
還沒有人認領這個 Issue。
- 主要語言
- TypeScript
- 星號
- 206
- 分支
- 123
- 平均合併
- 2 天 1 小時
- 30 天內合併 PR
- 1
描述
I'm using @nativescript/camera 5.0.15 in a nativescript + angular app and I'm getting the following error just after taking a picture within my app;
cannot read property 'camera' of undefined
At the top of my service;
import { requestPermissions } from '@nativescript/camera';
import * as camera from "@nativescript/camera";
The method I use to take a picture;
takePictureTap(args) {
this.readyImage = "false";
let that = this;
requestPermissions().then(
() => {
let width = 2560;
let adjusted_width = layout.toDeviceIndependentPixels(width)
console.log("Width = " + adjusted_width);
let height = 1920;
let adjusted_height = layout.toDeviceIndependentPixels(height)
console.log("Height = " + adjusted_height);
camera.takePicture()
.then((imageAsset) => {
console.log("Taken picture: " + that.imageAssetURL(imageAsset))
console.log("Size: " + imageAsset.options.width + "x" + imageAsset.options.height);
console.log("keepAspectRatio: " + imageAsset.options.keepAspectRatio);
console.log("Photo saved in Photos/Gallery for Android or in Camera Roll for iOS");
//this.saveAndSendPicture(imageAsset); // Doesn't work on OnePlus5 phone
this.sendPicture(this.imageAssetURL(imageAsset));
}, (error) => {
alert({title: "Image",
message: "Error taking picture, please try again. CODE: " + error,
okButtonText: "OK"});
console.log("Error image upload: " + error);
});
},
() => alert('permissions rejected')
);
}
The error happens just after takePicture is called and I take a picture using the emulator.
It was working, but then I've had to upgrade to SDK 31 so I could upload to Google playstore and this means I've had to upgrade a heap of nativescript packages.
I've added the following to my AndroidManifest.xml
<provider
android:name="androidx.core.content.FileProvider"
android:authorities="com.asset.management.provider"
android:exported="false"
android:grantUriPermissions="true">
<meta-data
android:name="android.support.FILE_PROVIDER_PATHS"
android:resource="@xml/provider_paths" />
</provider>
And created a provider_paths.xml file
<?xml version="1.0" encoding="utf-8"?>
<paths xmlns:android="http://schemas.android.com/apk/res/android">
<root-path
name="root"
path="." />
<external-path
name="external"
path="."/>
<external-files-path
name="external_files"
path="." />
<cache-path
name="cache"
path="." />
<external-cache-path
name="external_cache"
path="." />
<files-path
name="files"
path="." />
</paths>
貢獻指南
從這裡開始
- 先讀完整個 Issue,再讀專案的貢獻指南。
- 在 Issue 下留言說明你要接手 —— 這能避免兩個人做同樣的事。
- Fork 儲存庫,在一個分支上完成修改。
- 送出 Pull Request,並在描述裡引用這個 Issue 編號。
研究方向
Start with the @nativescript/camera requestPermissions and takePicture entry points, then inspect the AndroidManifest.xml provider declaration and provider_paths.xml. Reproduce the failure on the SDK 31 emulator and compare it with the pre-upgrade behavior; done means taking a picture completes without the undefined-property error.
由索引模型根據 Issue 內容生成。
評估
- 技術堆疊
- android, typescript
- 領域
- mobile-dev
- Issue 類型
- 缺陷
- 難度
- 4/5
- 預估耗時
- 3-5 天
- 活躍度
- 停滯
- 描述清晰度
- 基本清楚
- 新手友好度
- 25/100