(Nativescript) Error encountered while attempting to convert a JavaScript object with identification number "x" in the interface implementation at

After searching through various resources, I haven't been able to find a solution for the issue I'm facing with an Android plugin. Hopefully, someone here can provide some help.

The problem lies in trying to make this plugin work on Android:

var app = require("application");
var context = android.content.Context;
var TextToSpeech = android.speech.tts.TextToSpeech;
var initialised = false;
var tts;

var text_to_speech = {
    speak : function(text, queue, pitch, speakRate, volume){

        if(!tts || !initialised) {
            tts = new TextToSpeech(context, new TextToSpeech.OnInitListener({
                onInit : function(status) {
                    // some code here
                }
            }));
        }
    }
};

However, I am encountering an exception when initializing the tts object:

    JS: ORIGINAL STACKTRACE:
JS: Error: Cannot convert JavaScript object with id 683715827 at index 0
JS:     at Error (native)
JS:     at Object.text_to_speech.speak (/data/data/org.nativescript.CzystyDywan/files/app/tns_modules/nativescript-texttospeech/texttospeech.js:20:10)
JS:     at TextToSpeech.speakText (/data/data/org.nativescript.CzystyDywan/files/app/pages/texttospeech/texttospeech.component.js:9:13)
JS:     at DebugAppView._View_TextToSpeech0._handle_tap_4_0 (TextToSpeech.template.js:148:28)
JS:     at Object.<anonymous> (/data/data/org.nativescript.CzystyDywan/files/app/tns_modules/@angular/core/src/linker/view.js:316:24)
JS:     at ZoneDelegate.invoke (/data/data/org.nativescript.CzystyDywan/files/app/tns_modules/zone.js/dist/zone-node.js:281:29)
JS:     at Object.NgZoneImpl.inner.inner.fork.onInvoke (/data/data/org.nativescript.CzystyDywan/files/app/tns_modules/@angular/core/src/zone/ng_zone_impl.js:45:41)
JS:     at ZoneDelegate.invoke (/data/data/org.nativescript.CzystyDywan/files/app/tns_modules/zone.js/dist/zone-node.js:280:35)
JS:     at Zone.runGuarded (/data/data/org.nativescript.CzystyDywan/files/app/tns_modules/zone.js/dist/zone-node.js:188:48)
JS:     at Object.callback (/data/data/org.nativescript.CzystyDywan/files/app/tns_modules/zone.js/dist/zone-node.js:164:30)
JS: ERROR CONTEXT:
JS: [object Object]
W/System.err( 3701):    at com.tns.Runtime.callJSMethodNative(Native Method)
W/System.err( 3701):    at com.tns.Runtime.dispatchCallJSMethodNative(Runtime.java:861)
W/System.err( 3701):    at com.tns.Runtime.callJSMethodImpl(Runtime.java:726)
W/System.err( 3701):    at com.tns.Runtime.callJSMethod(Runtime.java:712)
W/System.err( 3701):    at com.tns.Runtime.callJSMethod(Runtime.java:693)
W/System.err( 3701):    at com.tns.Runtime.callJSMethod(Runtime.java:683)

It seems that the issue is related to the implementation of the TextToSpeech.OnInitListener interface, but I can't pinpoint what's wrong. Any advice or similar experiences would be greatly appreciated. Thank you!

javascriptandroidnativescript

Answer №1

After some trial and error, I discovered that my mistake was in how I was constructing the tts object. Instead of using app.android.context, I mistakenly used android.content.Context to obtain the context for the constructor. The former was returning "undefined". To rectify this issue, I now utilize a helper function to retrieve the current context:

function _getContext() {
    if (appModule.android.context) {
        return (appModule.android.context);
    }
    var ctx = java.lang.Class.forName("android.app.AppGlobals").getMethod("getInitialApplication", null).invoke(null, null);
    if (ctx) return ctx;

    ctx = java.lang.Class.forName("android.app.ActivityThread").getMethod("currentApplication", null).invoke(null, null);
    return ctx;
}

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Error message in JS and HTML is totally bizarre

My expertise in JavaScript is very limited, so the terms I use might not be entirely accurate. However, I'll do my best to explain the issue at hand. I'm facing a peculiar problem... I've been attempting to modify someone else's JS scr ...

javascriptjqueryhtmlcssapi

Creating a custom Angular HTTP interceptor to handle authentication headers

Necessity arises for me to insert a token into the 'Authorization' header with every HTTP request. Thus, I created and implemented an HttpInterceptor: @Injectable() export class TokenInterceptor implements HttpInterceptor { constructor(public ...

javascriptangulartypescriptangular-http-interceptors

Vue's reactivity in Vue 3 is exhibiting strange behavior with boolean data

Currently, I am attempting to modify a boolean variable. Upon the initial page load, everything works as expected. However, upon reloading the page, the variable gets updated locally within the method but not in the global data section. As a result, an err ...

javascriptvue.jsruntime-errorvuejs3vue-reactivity

Tips and tricks for utilizing a document to paraphrase a paragraph

document.getElementById("txtOutput").value = result; Is there a way to rewrite the code so that instead of using .value=result, it writes to a specific div or paragraph? ...

javascripthtmlforms

Display a caution when verifying a function's value instead of its return value

I've encountered a common pitfall (especially with autocomplete) while testing a function return value. There are instances when I forget to include the parentheses () at the end, causing it to always return true. class Foo { public bar(): boolea ...

javascripttypescriptvisual-studio-code

Issue with toggling functionality in Vue.js between two identical components

Within the template of another component, I have two components that can be toggled based on clicks on "reply" and "edit" buttons. <comment-form :model="model" :model-id="modelId" :comment="comment" v-if="showEditForm && canComment" @closeForm= ...

javascriptvue.jsvue-component

What is the best way to ensure a specific section of a website remains visible and fixed at the bottom of the page

I want to set up a simple toolbar with divs and uls containing both anchors and tabs. The position of the toolbar needs to be fixed at the bottom of the page. <%@ Page Language="C#" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional/ ...

javascriptjqueryhtmlcss

Issue with Android application causing program to crash when button is clicked

I am attempting to create a function that calculates something and updates the EditText with the answer when a button is clicked. However, upon clicking the button, my program crashes! I'm seeking help as I am relatively new to Android development. H ...

androideclipse

How to show line breaks in MySQL text type when rendering in EJS

In my MySQL table, I have a column called PROJ_ABOUT with the type TEXT. I have inserted several rows into this column and now I am trying to display this information in my Express.js app using the ejs engine. <h2>About project</h2> <p> ...

javascriptmysqlnode.jsexpressejs

In Vue(tify), transitions require children to have keys, but in this case, there are no tags present as children

Trying to implement a transition on a list using Vue and Vuetify, but encountering the error message vue.runtime.esm.js?2b0e:619 [Vue warn]: <transition-group> children must be keyed: <v-card> I attempted the Vuetify approach <v-fade-transi ...

javascriptvue.jsvuejs2vuetify.js

Storing customer information securely on the server with the help of Node.js

After spending some time experimenting with Node.js on my local machine, I've realized that my understanding of HTTP requests and XHR objects is quite limited. One particular challenge I've encountered while using Node is figuring out how to effe ...

javascriptajaxnode.jsfile-io

Adjust the vertical size of TextView to show ellipsis when the text

Is there a way to ellipsize text that is too long on the y-axis, similar to how android:ellipsize works for the x-axis in Android? I have a fixed height TextView where the text often exceeds the space available, and I want it to be truncated gracefully ins ...

androidandroid-layouttextview

Issue with adding a new value to an array within a specific key of an object

Imagine I have this function: const createMenu = () => { const obj = { consumption: [], }; return obj; }; It's a function that, when executed, returns the object { consumption: [] } My goal is to add a key inside that object which is a ...

javascriptarrays

Display JSON-like data in a neat and organized list format

I am developing an Android application that requires displaying a list of all the sensors in the device. Below is the code snippet I am using to achieve this functionality: //Read sensors and populate list sensorManager = (SensorManager) getSystemService ...

androidjson

Android 8.0 entails that activity is terminated when a fresh activity is initiated

Lately, I've been encountering a plethora of problems with Android 8.0. Specifically, I have come across an issue on devices running Android 8.0 related to activity lifecycle. On Android 8.0 devices, when context.startActivity(intent) is initiated fr ...

androidandroid-activityandroid-lifecycleandroid-8.0-oreo

React cannot be utilized directly within HTML code

I am looking to incorporate React directly into my HTML without the need for setting up a dedicated React environment. While I can see the test suite in the browser, my React app fails to load. Below is the content of my script.js file: I have commented ...

javascripthtmlreactjs

Can AngularJS store {{expressions}} by assigning them to a $scope variable?

I am currently working on a Rails application, incorporating AngularJS for certain aspects of the frontend. Can I save {{expressions}} as a value in $scope.variable? Below is the code snippet: Displayed is the Angular controller // Data is retrieved fr ...

javascriptjqueryruby-on-railsangularjsruby

Failed to cast to ObjectID due to mongoose error

Hello, I am facing an issue while attempting to add an event to a user's profile upon clicking on the event. The error message I'm encountering is "Cast to ObjectId failed for value "{ event: '600066640807165d042b91dd' }" at path "event ...

javascriptnode.jsmongodbexpressmongoose

How can we identify keys in a JavaScript object that have the same value without knowing their names?

If there is a basic JavaScript object like this: {"omar":"espn.com","omar1":"espn1.com","omar3":"espn.com"} What method can I use to retrieve all keys that have the value "espn.com", even if I don't know their names in advance? In this scenario, o ...

javascriptjquery

What are the steps for removing rows of data with sequelize?

In my books.js Pug file, I have the following router where I am utilizing Sequelize ORM to find and delete a specific row of data based on the ID. /* - Removes a book. Be cautious, this action is permanent. Consider creating a "test" book for trial d ...

javascriptnode.jssequelize.js