NativeScript / NativeScript/plugins
[@nativescript/background-http] Error on uploading files
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 206
- Forks
- 123
- Avg merge
- 2d 1h
- Merged PRs (30d)
- 1
Description
Hello, after updating to newest NativeScript version, we're experiencing issues with file upload. It worked previously with NativeScript 6.
Packages:
"@nativescript/core": "^8.2.2",
"@nativescript/angular": "^13.0.3",
"@nativescript/background-http": "^6.0.0"
Upload config:
const request: Request = {
url: this._getUrl(fileToUpload.addImageResponse),
method: "PUT",
headers: {
"Content-Type": "application/x-www-form-urlencoded",
"x-ms-blob-content-type": "image/jpeg",
"x-ms-blob-type": "BlockBlob"
},
description: "Uploading " + fileToUpload.fileName,
androidAutoClearNotification: true,
androidAutoDeleteAfterUpload: true
};
const task = this.session.uploadFile(fileToUpload.nativeFile.path, request);
task.on("progress", (e) => this._progressHandler(e as ProgressEventData, fileToUpload));
task.on("error", (e) => this._errorHandler(e as ErrorEventData, fileToUpload));
task.on("responded", this._respondedHandler);
task.on("complete", () => this._completeHandler(fileToUpload));
task.on("cancelled", this._cancelledHandler); // Android only
When executing, we're getting following error:
JS: ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'NotificationConfig' of undefined
JS: TypeError: Cannot read property 'NotificationConfig' of undefined
JS: at setRequestOptions (file: src/webpack:/.../node_modules/@nativescript/background-http/index.android.js:247:0)
JS: at getBinaryRequest (file: src/webpack:/.../node_modules/@nativescript/background-http/index.android.js:221:0)
JS: at Function.create (file: src/webpack:/.../node_modules/@nativescript/background-http/index.android.js:152:0)
JS: at Session.uploadFile (file: src/webpack:/.../node_modules/@nativescript/background-http/index.android.js:139:0)
JS: at UploadService._uploadToCloud (file: src/webpack:/.../src/app/sl/services/upload/upload.service.ts:251:0)
JS: at UploadService._checkAndUploadNextFile (file: src/webpack:/.../src/app/sl/services/upload/upload.service.ts:108:0)
JS: at UploadService._checkAndPrepareNextFile (file: src/webpack:/.../src/app/sl/services/upload/upload.service.ts:97:0)
JS: at file: src/webpack:/.../src/app/sl/services/upload/upload.service.ts:184:0
JS: at _ZoneDelegate.in...
Tested on multiple Android devices with android versions from 10 to 12. Not sure if iOS has the same error. Any suggestions?
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the stack trace in node_modules/@nativescript/background-http/index.android.js, especially setRequestOptions at line 247, then inspect the upload call in src/app/sl/services/upload/upload.service.ts around lines 97, 108, and 251. Reproduce the failure with the provided package versions and upload configuration on Android; done means the cause is identified and file upload no longer raises the NotificationConfig error.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- android, typescript
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100