eslint warning: the use of '$localize' is flagged as an "Unsafe assignment of an `any` value"

When using $localize, eslint detects errors and returns two specific ones: 

Unsafe assignment of an 'any' value
and Unsafe any typed template tag.

It's quite strange that I seem to be the only one facing this issue while working on the project. Even on both my machines, the problem persists.

We have attempted various solutions such as deleting VS code and all plugins, then reinstalling everything identical to what my colleagues have. This seems to temporarily fix the problem, but after a few days or weeks, it resurfaces. We've even tried performing a complete wipe of one machine, only for the issue to return after some time.

An additional attempt made was setting localize as readonly in .eslintrc.json

"globals": {
    "$localize": "readonly"
},

As of now, I haven't come across anyone else encountering this same issue.

angulartypescripteslint

Answer №1

One issue I encountered was using the incorrect tsconfig file in the eslint parserOptions configuration. When I switched from tsconfig.json to tsconfig.app.json, everything started functioning as intended:

...
"parserOptions": {
    project": [
        "tsconfig.app.json" // <-- Instead of "tsconfig.json"
    ],
    "createDefaultProgram": true
},
...

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

How can I turn off the eslint overlay in the newest version of Vue?

After upgrading to the latest version of Vue or its dependencies, I noticed that the code in my vue.config.js no longer works: chainWebpack: config => { // disable eslint nag screen when building for different environments if (!isProduction) config. ...

vue.jswebpackeslintvue-clieslintrc

Binding the same object to itself in Angular using @Input, with different property names

In the documentation, I came across a method to modify property names like this: @Input('account-id') id: string; Is it possible to alter property names within an object to different titles? I've developed a flexible radio button component ...

angular

Align the ion content (or text or label) to the center vertically

I am striving to achieve a similar look as shown in the following images: However, I am currently at this stage: Please note that the first image showcases a bootstrap form, while the second image displays my design using ionic. Although I prefer not to ...

htmlcssangularionic-frameworkionic4

ESLint encounters issues with the <a> element nested within the <Link> component in a React application

Hey there, I'm currently working on a Next.js React app and here's the code snippet I have: <Link href="/foo"> <a>Bar</a> </Link> When running eslint, it's throwing this warning at me: The href attribute is requir ...

reactjseslintnext.js

Why does using `withCredentials: true` and including a `body` in the request cause a CORS error in Angular HttpClient?

My objective is to make a request to a Cloud Function, receive a response with a Set-Cookie header, and have the browser store the cookie. The issue arises when the response containing a Set-Cookie header is ignored without the presence of withCredentials ...

angularexpresscookiesgoogle-cloud-functions

I am struggling to grasp the issues with the RxJS v6 migration

After upgrading to Angular 6, I neglected to install rxjs-compat. This resulted in changes needed in my code. import {Observable} from "rxjs/Observable"; was changed to import {Observable} from "rxjs"; and so forth. However, when running ng serve, I ...

angularrxjs6

Utilizing Typescript for parsing large JSON files

I have encountered an issue while trying to parse/process a large 25 MB JSON file using Typescript. It seems that the code I have written is taking too long (and sometimes even timing out). I am not sure why this is happening or if there is a more efficien ...

javascriptnode.jsjsontypescriptfilestream

Generate an object in Typescript that includes a dynamic property calculated from an input parameter

Is there a way to achieve the following function in TypeScript? function f<T extends 'a' | 'b'>(t : T): {[t]: ...} { return {[t]: ...} } This code is intended to make f('a') have type {'a': ...} and similarl ...

typescript

Using the useContext hook in a TypeScript class component: a step-by-step guide

I am working with a TypeScript class component and have successfully created a context that can be accessed globally. I am interested in learning how to implement this context in a .ts class component and if it is possible to use it in a pure TypeScript ...

reactjstypescriptreact-context

Transfer text between Angular components

Here is the landing-HTML page that I have: <div class="container"> <div> <mat-radio-group class="selected-type" [(ngModel)]="selectedType" (change)="radioChange()"> <p class="question">Which movie report would you like ...

angulartypescript

Angular validation with input binding using if statement

I have developed a reusable component for input fields where I included a Boolean variable called "IsValid" in my typescript file to handle validation messages. Here is the code from my typescript file: export class InputControlsComponent implements OnIn ...

htmlangulartypescriptinputbinding

Component designed to be reusable across multiple different Angular 8 applications

I have multiple components with similar logic. Take for example: import { Component, OnInit } from '@angular/core'; import { Rule } from '@models'; import { ConfirmationDialogComponent } from '@core'; import { RulesSaveCompo ...

angulargenerics

The parameter type must be a string, but the argument can be a string, an array of strings, a ParsedQs object, or an array of ParsedQs objects

Still learning when it comes to handling errors. I encountered a (Type 'undefined' is not assignable to type 'string') error in my code Update: I added the entire page of code for better understanding of the issue. type AuthClient = C ...

node.jsstringtypescriptfirebase

Enhancing performance in Angular 6 with trackBy in ngFor: Does it work?

Discover the Benefits of Using trackBy with ngFor in angular 6 for Enhanced Performance <app-analysis-item *ngFor="let element of analyses" [analysis]="element" (deleteAnalysisEvent)="onAnalysisDeleted($event)"> </ ...

angularperformancengfor

Using LitElement: What is the best way to call functions when the Template is defined as a const?

When the template is defined in a separate file, it's not possible to call a function in the component. However, if the template is defined directly as returning rendered HTML with this.func, it works. How can one call a function when the template is ...

typescriptlit-elementlit-html

Tips for reverting from Angular 7 to Angular 6

I attempted to switch from angular 7 back to angular 6 by executing the following npm commands: npm uninstall -g angular-cli npm cache clean npm install -g <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="32535c55475e53401f515e5 ...

typescriptnpmangular6angular-cliangular7

Exploring the concept of abstract method generation in TypeScript within the Visual Studio Code

Anyone familiar with a Visual Studio Code plugin that can automatically generate stub implementations for abstract methods and properties in TypeScript? I've searched through the available plugins but haven't been able to locate one. Any suggest ...

typescriptvisual-studio-code

Error: Azure AD B2C user login redirect URI is not valid

Currently working on setting up user login with Azure AD B2C. I have successfully created an App Registration in my B2C tenant and specified http://localhost:3000 as the redirect URI. However, when implementing it in my React app using the MSAL React libra ...

reactjstypescriptazureazure-active-directory

The HTTP post method in Angular 2 fails to properly send data to request.JSON within a Grails Action

Having trouble retrieving data from request.JSON passed through an Angular 2 HTTP POST method. The Grails action is being triggered, but the request.JSON is consistently empty {} even when data is passed. ANGULAR2: HTTP POST Method: return this.http.pos ...

jsonangulartypescriptgrails

"Capture the selected option from a dropdown menu and display it on the console: A step-by-step

Is there a way to store the selected value from a dropdown in a variable and then display it on the console? HTML <select class="form-control box" id="title" required> <option *ngIf="nationality_flag">{{nationality}}</option> &l ...

angulartypescript