Having trouble locating the BigInt64Array variable in Safari

Recently, I encountered an issue with my Angular 8 web app specifically on Safari where it gets stuck on the index.html page. The debugger error message reads: "Can't find variable: BigInt64Array". I did not make any upgrades through npm, so I'm unsure why this sudden problem occurred. To troubleshoot, I changed the target in tsconfig.js from "es2015" to "ES5". Additionally, I included Safari >= 10 in my browserlist but unfortunately, the issue persists. Any suggestions or ideas? Thank you.

https://i.sstatic.net/Pr30B.png

package.json

{
  "name": "webapi",
  "version": "0.0.0",
  ...
}

tsconfig.json

{
  "compileOnSave": false,
  "compilerOptions": {
    ...
  }
}

browserlist

# This file is currently used by autoprefixer to adjust CSS to support the below specified browsers
# For additional information regarding the format and rule options, please see:
...
angulartypescriptsafaribigint

Answer №1

It appears that the cause of the problem was related to the inclusion of the 

"deep-copy-ts": "^0.5.0",
package. This particular package relies on BigInt64Array and caused compatibility issues with Safari. After removing it, the functionality was restored.

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

A Unique Identifier in Kotlin

In my typescript class, I have a member that accepts any as the name: interface ControlTagType { type?: String | null; [name: string]: any } class ControlTag { tagSource: String | null = null; tag: ControlTagType | null = null; } expor ...

javatypescriptvariablesgenericskotlin

Developing an object using class and generic features in Typescript

I am currently working on creating a function or method that can generate sorting options from an array. One example is when using Mikro-ORM, where there is a type called FindOptions<T> that can be filled with the desired sorting order for database q ...

typescriptgenerics

What could be causing the vue-property-decorator @Emit to malfunction in my Vue TypeScript file?

I am currently working with Typescript and Vuejs, where I have a child component called child.component.tsx import Vue from 'vue'; import Component from 'vue-class-component'; import { Emit } from 'vue-property-decorator'; ...

javascripttypescriptvue.jstsxvue-property-decorator

Retrieve words that begin with a specific letter

Looking to display address contents that start with the example DRACHMAN. I attempted to use match(), but it didn't work as expected. Here is my demo on Stackblitz. HTML <form (ngSubmit)="onSubmit()" #Form="ngForm"> ...

angularregextypescript

What is the method for assigning 'selective-input' to a form field in Angular?

I am using Angular and have a form input field that is meant to be filled with numbers only. Is there a way to prevent any characters other than numbers from being entered into the form? I want the form to behave as if only integer keys on the keyboard ar ...

javascriptangularformstypescriptautocorrect

What is the reason behind the auth() function in Auth.js returning a null user object?

Utilizing Auth.js credentials provider for user sign-ins in a Next.js application has proven successful. The auth() function now returns a non-null object upon signing in, as opposed to returning null previously. // when not signed in const session = await ...

typescriptnext.jstokencredentialsnext-auth

How to simulate loadStripe behavior with Cypress stub?

I am struggling to correctly stub out Stripe from my tests CartCheckoutButton.ts import React from 'react' import { loadStripe } from '@stripe/stripe-js' import useCart from '~/state/CartContext' import styles from '. ...

javascripttypescriptstripe-paymentscypress

Angular dynamic directive for displaying additional content or collapsing content based on user interaction

Here's the code snippet I have in an Angular 7 application to toggle the visibility of elements (Example): <ul> <li>Item 1</li> <li>Item 2</li> <li *ngIf ="hidden">Item 3</li> <li *ngIf ="hidden">It ...

angularangular6angular-directiveangular7

retrieving JSON data within HTML elements

How can I access the JSON values {{u.login}} from HTML instead of just through JavaScript? Currently, I am only able to access them using JS. Is there a way to directly access JSON values in HTML? At the moment, I am getting them as text. Could you please ...

javascriptjqueryhtmlangularjstypescript

Set colors to CSS variables

Within my CSS I define several color variables, such as: $bkg-color: #ffffff While white is the default color, $bkg-color can also be customized by the user and saved. In my TypeScript file, I have: backgroundColor?: string = ''; The data fro ...

htmlcsstypescriptvuejs2

Conceal a div when clicked outside using TypeScript with Next.js and Tailwind CSS

I am currently working on a modal using TypeScript, Next.js, and Tailwind CSS. My goal is to hide the modal when I click outside of it. However, I am encountering some errors related to types and other issues in my TSX file. The functionality works perfec ...

javascriptnode.jsreactjstypescriptnext.js

How to retrieve the current route name or URL in AngularDart5

Exploring the OnActivate feature in Angular docs, I am attempting to utilize it to dynamically update the UI based on the current route. @Component( selector: "blah", template: """blah""", directives: const [routerDirectives]) class Blah ext ...

angulardartangular-ui-routerangular-dart

Is it necessary for me to cancel subscriptions in my unit tests?

In the scenario where I have a test like the one provided below: it('should return some observable', async(() => { mockBackend.connections.subscribe((mockConnection: MockConnection) => { const responseOptions = new ResponseOptions({ ...

unit-testingangularjasminekarma-jasmine

Distinguishing between React props using discriminative unions versus conditional types

I can't seem to figure out why the conditional type I created for a component's props is not functioning properly, while a discriminated union is working as intended. You can see the example in this import React, { useState, useRef } from " ...

reactjstypescriptunion-types

Can someone explain to me how this ternary operator works?

Can anyone demonstrate how to convert this function into a traditional if-else statement? export const orderArr = (arr: any[], key: string) => arr.sort((a, b) => ((a[key] > b[key]) ? 1 : (a[key] === b[key]) ? ((a[key] > b[key]) ? 1 : -1) : -1)) ...

javascriptarraystypescriptsorting

Set a field to mandatory or optional depending on a condition in serenity-platform

Currently, I am tackling a project on the serenity platform. Does anyone have suggestions on how to dynamically change the field's required status based on a condition within the AbcDialog.ts file? Thank you! ...

typescriptasp.net-coreserenity-platform

When Typescript compiles to JavaScript, it may result in code that appears to be a function

In the following typescript code snippet: export enum UID { FACTORY, ROBOT } we see how it compiles to javascript: (function (UID) { UID._map = []; UID._map[0] = "FACTORY"; UID.FACTORY = 0; UID._map[1] = "ROBOT" ...

javascriptnode.jscompiler-constructiontypescript

Type Null cannot be assigned to the Element type

function displayList(items: ISharePointList[]) { let htmlContent = ''; items.forEach((item: ISharePointList) => { htmlContent += ` <ul class=""> <li><span class="ms-font-1">${item.ListTitle}</s ...

typescriptsharepoint-onlinespfx

"Exploring the Angular 3 router's wildcard route matching feature

Why does the following route configuration always navigate to ** instead of the route for app/jungle? import {bootstrap} from '@angular/platform-browser-dynamic'; import { RouterConfig, provideRouter } from '@angular/<a href="/cdn-cgi/ ...

angularjsangular

Missing value in Angular HTML template

Upon reviewing my input, an error has been detected: ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'true'. Current value: 'null'. This specific line is the root cause of the i ...

angular