Issue: The AndroidManifest.xml file requires a valid Facebook app id to be configured

I followed the instructions in this helpful video. The app installed successfully on my Xiaomi Redmi 4A device, but unfortunately, I encountered an error when trying to use Facebook within the code.

Error:

When syncing the application org.nativescript.pushnotify on device 8066aa497d24, I received the following error message: ActivityManager: Start proc 26158:org.nativescript.pushnotify/u0a238 for activity org.nativescript.pushnotify/com.tns.NativeScriptActivity caller=null. This led to a series of runtime errors which ultimately resulted in the inability to access Facebook features due to missing Facebook app id settings in AndroidManifest.xml.

I would greatly appreciate any insights or suggestions on how to resolve this issue. Thank you.

facebooktypescriptfirebasepluginsnativescript

Answer №1

Ensure that your AndroidManifest file includes the following line: 

<meta-data android:name="com.facebook.sdk.ApplicationId" android:value="@string/facebook_app_id"/>

Below is a snippet of an AndroidManifest.xml with this line included:

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
      package="__PACKAGE__"
      android:versionCode="10017"
      android:versionName="1.17">
...
    <application android:name="com.tns.NativeScriptApplication"
             android:allowBackup="true"
             android:icon="@drawable/icon"
             android:label="@string/app_name"
             android:theme="@style/AppTheme">
        ...
        <meta-data android:name="com.facebook.sdk.ApplicationId" android:value="@string/facebook_app_id"/>
    </application>
</manifest>

In addition, make sure to set the Facebook application ID in your 

App_Resources/Android/src/main/res/values/strings.xml
, starting with fb:

<resources>
    ...
    <string name="facebook_app_id">fb{{ facebook_app_id }}</string>
</resources>

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

Angular integration problem with aws-amplify when signing up with Google account

I am attempting to integrate AWS-Amplify(^4.3.0) with angular-12 and typescript (4.3.5). I have followed the documentation to configure amplify properly, but when trying to start the app, I encountered some amplify errors as shown below. Warning: D:\G ...

angulartypescriptamazon-web-servicesgoogle-signinaws-amplify

What is the best way to utilize await in promises instead of using then?

How can I correctly handle the Promise.all() method? I'm experiencing issues with resolving the promise that generates a series of asynchronous requests (simple database queries in supabase-pg SQL). After iterating through the results with a forEach l ...

node.jstypescriptpostgresqlexpresspromise

Error in jQuery: the variable has not been defined

I am currently working on creating a custom plugin using the code below. I have encountered an error at the line if(options.controls == true) The specific error message says 'options is not defined'. How can I properly define this variable? ( ...

javascriptjqueryplugins

The error message is: "Cannot access property 'up' of an undefined object within the material UI library using theme.breakpoints."

I am encountering difficulties with the export of makeStyles. Below you can find my code and configuration: import SearchField from "../SearchField"; import { TextField, Select, useMediaQuery, Grid, Button, Box, Fade } from '@material-ui/core&ap ...

reactjstypescriptmaterial-uimakestyles

TS - decorator relies on another irrespective of their position within the class

Is it possible to consistently run function decorator @A before @B, regardless of their position within the class? class Example { @A() public method1(): void { ... } @B() public method2(): void { ... } @A() public method3(): void { ... } } In the sc ...

typescriptdecoratortypescript-decorator

The transition in my REACT + TypeScript Accordion is not functioning as expected

Hey everyone, I'm having an issue with creating an animated accordion using React and Typescript. I want it to have a smooth transition animation when opening and collapsing, along with icon switching. Here is the code I have written so far: This is ...

reactjstypescriptstyled-components

Model Mongoose TypeScript Interface Type

I am working with 2 models in my project import {model, Schema, Types} from 'mongoose' interface IResource { user : Types.ObjectId | IUsers, type : Types.ObjectId | IResourceData, value : number, lastUpdate : number | Date, ...

typescriptmongoose

What is the reason behind TypeScript prohibiting the assignment of a className property to a context provider?

Embarking on my first journey with TypeScript, I am in the process of reconfiguring a React application (originally built with create-react-app) to use TS. Specifically, I am working with function components and have introduced a global context named Order ...

reactjstypescript

Can you explain the distinction between "parser" and "parserOptions.parser" in an ESLint configuration?

For a considerable amount of time, I have been using the TypeScript and Vue presets provided below. While it has been functional, I realize that I do not fully comprehend each option and therefore seek to gain a better understanding. Firstly, what sets apa ...

typescriptvue.jseslinttypescript-eslinttypescript-eslintparser

Is it possible to deactivate the error message related to "Unable to ascertain the module for component..."?

I recently incorporated a new component into my TypeScript2+Angular2+Ionic2 project. Right now, I have chosen not to reference it anywhere in the project until it is fully developed. However, there seems to be an error thrown by Angular/ngc stating "Cannot ...

angularjsangulartypescriptionic-framework

Ensuring that a service is completely initialized before Angular injects it into the system

When Angular starts, my service fetches documents and stores them in a Map<string, Document>. I use the HttpClient to retrieve these documents. Is there a way to postpone the creation of the service until all the documents have been fetched? In ot ...

javascriptangulartypescripthttpfetch

``There seems to be an issue with retrieving and displaying data in Ionic2 when using nav

I am facing an issue with displaying the data received from NavParams. I have used console.log() to confirm that I am getting the correct data, but for some reason, I am unable to display it on the new page. I suspect that there might be an error in how I ...

angulartypescriptionic-frameworkionic2

Issue with ng-multiselect-dropdown where clearing selected items programmatically does not visually work as expected

Utilizing the ng-multiselect-dropdown, I have encountered an issue where deselecting an option within the object itself clears the selected items visually and in the variable array. However, when programmatically clearing the selectedItems, the variable a ...

htmlangulartypescriptangular13ng-multiselect-dropdown

How about this: "Imagine having a Record<string, string> in which all keys are strings except for one key that is

I need to define a TypeScript type in the following format: type Route = Record<string, string> & { buildUrl: (params: Record<string, string>) => string } An example object of this type would be: const route: Route = { base: ' ...

typescript

Oops! There seems to be an issue where the 'title' property is being accessed from an undefined source

I've been struggling with this code block for the past few days, and even when attempting to initialize it as an object, I encounter errors. Here is my restaurantForm.ts file import { Component, OnInit } from '@angular/core'; import {Rest ...

javascriptangulartypescript

Filter and transfer data from one Angular array to another

As a newcomer to Angular, I am working with an array of events containing multiple arguments. My goal is to filter these events and separate them into two new arrays: upcoming events and past events. Below is a snippet of the TypeScript code I am using: a ...

htmlarraysangulartypescript

The argument representing 'typeof Store' cannot be assigned to the parameter representing 'Store<AppState>'

I'm encountering an issue while trying to expand a service in Angular that utilizes ngrx. The error message I'm receiving is as follows: Argument of type 'typeof Store' is not assignable to parameter of type 'Store<AppState>& ...

angulartypescriptngrx

Using React's `cloneElement` to make modifications to a child component while maintaining the reference within a functional component

In the past, I had references in my component while rendering, and it was functioning as expected: // props.children is ReactElement<HTMLDivElement>[] const [childRefs] = useState<RefObject<any>[]>(props.children.map(() => createRef()) ...

javascriptreactjstypescriptreact-functional-componentreact-ref

How to display an object in the template that does not have a specified property

I am dealing with an object that can have a type of WithBalance | WithoutBalance withBalance : { balance:number, name:string } withoutBalance : { name : string} <span>{{object?.balance ?? 0}} </span> However, when I attempt to access the bal ...

angulartypescript

Creating dynamic rows for Firebase data in React BootstrapTable can be accomplished by dynamically rendering each row

Hey everyone, I'm currently working on a web app project where I am creating a table. Below is the code snippet for it: class Table1 extends Component { render() { return ( <div> <BootstrapTable data={this.props.data}> ...

javascriptreactjsfirebasefirebase-realtime-databasereact-table