Different lint rules for JavaScript and TypeScript files The problem happens for one of the reasons below: You’re using a rule which require type information and didn’t specify a parserOptions.project; You specified parserOptions.project, didn’t specify createDefaultProgram (it will be removed in a future version), and you’re linting files not included in the project (e.g. babel.config.js, … Read more
You need to tell the compiler it has been declared: declare var bootbox: any; If you have better type information you can add that too, in place of any.
This was released in version 1.8 as “string literal types” What’s New in Typescript – String Literal Types Example from the page: interface AnimationOptions { deltaX: number; deltaY: number; easing: “ease-in” | “ease-out” | “ease-in-out”; }
It is to mark the parameter as optional. TypeScript handbook https://www.typescriptlang.org/docs/handbook/2/functions.html#optional-parameters TypeScript Deep Dive https://basarat.gitbook.io/typescript/type-system/functions#optional-parameters
TL;DR declare is used to tell the compiler “this thing (usually a variable) exists already, and therefore can be referenced by other code, also there is no need to compile this statement into any JavaScript”. Common Use Case: You add a reference to your web page to a JavaScript file that the compiler knows nothing … Read more
The way to convert a string to a number is with Number, not parseFloat. Number(‘1234’) // 1234 Number(‘9BX9′) // NaN You can also use the unary plus operator if you like shorthand: +’1234′ // 1234 +’9BX9′ // NaN Be careful when checking against NaN (the operator === and !== don’t work as expected with NaN). … Read more
let timer: ReturnType<typeof setTimeout> = setTimeout(() => { … }); clearTimeout(timer); By using ReturnType<fn> you are getting independence from platform. You won’t be forced to use neither any nor window.setTimeout which will break if you run the code on nodeJS server (eg. server-side rendered page). Good news, this is also compatible with Deno!
Below changes works for me on Angular 2 final version: export class AppSettings { public static API_ENDPOINT=’http://127.0.0.1:6666/api/’; } And then in the service: import {Http} from ‘angular2/http’; import {Message} from ‘../models/message’; import {Injectable} from ‘angular2/core’; import {Observable} from ‘rxjs/Observable’; import {AppSettings} from ‘../appSettings’; import ‘rxjs/add/operator/map’; @Injectable() export class MessageService { constructor(private http: Http) { } … Read more
You can set the ESLint module import resolution by adding this snippet to your .eslintrc.json configuration file: { “settings”: { “import/resolver”: { “node”: { “extensions”: [“.js”, “.jsx”, “.ts”, “.tsx”] } } }, … } More informations about resolvers: https://github.com/benmosher/eslint-plugin-import#resolvers.
If you use webpack, you can do this by creating a custom types file. Create a file named custom.d.ts with the following content: declare module “*.svg” { const content: any; export default content; } Add the custom.d.ts to tsconfig.json as below “include”: [“src/components”, “src/custom.d.ts”] Source: https://webpack.js.org/guides/typescript/#importing-other-assets