Tsuquyomi pays no attention to any mistakes when opening

I have integrated Tsuquyomi as a Syntastic plugin for TypeScript error checking in Vim. However, I am facing an issue where only ESLint errors are displayed when I open a file, and Tsuquyomi errors are only visible when I save the file or manually run the checker.

In my configuration in the .vimrc, I have set up Syntastic to check with Tsuquyomi on file open:

" Configure syntax management
let g:syntastic_error_symbol = "✗"
let g:syntastic_warning_symbol = "⚠"
let g:syntastic_javascript_checkers = ['eslint', 'standard']
let g:syntastic_cs_checkers = ['syntax', 'semantic', 'issues']
...

Despite this setup, when I create a file with errors, Tsuquyomi does not display these errors when the file is opened. However, manually running :SyntasticCheck shows the errors correctly.

The issue seems to be related to Tsuquyomi not detecting errors on file open, causing a delay in error notification. How can I ensure that Tsuquyomi displays TypeScript errors promptly when the file is opened?

Answer №1

You have the following line in your code:

let g:tsuquyomi_disable_quickfix = 1

This setting prevents the syntax/semantic check from running.

Despite this setting, it appears that saving and manual triggering still work, but the immediate check is disabled, as you have noticed.

References:

https://github.com/Quramy/tsuquyomi/issues/183

Edit:

If that doesn't work, consider following the documentation:

Integrating with syntastic

If you are using syntastic, you can use it to display syntax and semantics errors instead of Vim's default quickfix window. To integrate syntastic, add the following settings to your .vimrc file.

let g:tsuquyomi_disable_quickfix = 1
let g:syntastic_typescript_checkers = ['tsuquyomi'] " You shouldn't use the 'tsc' checker.

syntastic has a default TypeScript checker named 'tsc'. Avoid using it with Tusuquyomi as they do not share compile options. Tusuquyomi's checker, 'tsuquyomi', uses tsserver and your tsconfig.json.

You have this line in your code:

let g:syntastic_typescript_checkers = ['eslint', 'tsuquyomi']

Try removing 'eslint' to see if it helps. If you want to use both, we may need to find another way to configure them.

References:

https://github.com/Quramy/tsuquyomi

Edit2:

[..], each checker will be called, in order, as long as the previous checkers don’t return an error. Consider listing checkers from fastest to slowest, or from looser to stricter.

Do the eslint errors actually prevent tsuquyomi from displaying its own errors? It might be worth changing their order to see if that helps.

References:

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

The use of findDOMNode has been marked as outdated in StrictMode. Specifically, findDOMNode was utilized with an instance of Transition (generated by MUI Backdrop) that is contained

I encountered the following alert: Alert: detectDOMNode is now outdated in StrictMode. detectDOMNode was given an instance of Transition which resides within StrictMode. Instead, attach a ref directly to the element you wish to reference. Get more inform ...

How can certain properties be mandated while still permitting additional ones?

I am currently working on creating a function that requires one property as an argument, but could potentially have additional properties as well. Here is an example: interface Foo { bar: string; } function someFunc(obj) { // implement functional ...

Having trouble with TypeScript error in React with Material-UI when trying to set up tabs?

I have developed my own custom accordion component hook, but I am encountering the following error export default const Tabs: OverridableComponent<TabsTypeMap<{}, ExtendButtonBase<ButtonBaseTypeMap<{}, "button">>>> Check ...

Convert image file to a React TypeScript module for export

Imagine a scenario where you have a folder containing an image file and an index file serving as a public API. Is there a method to rename the image file before reexporting it? Here is the structure of the folder: └── assets/ ├── index.t ...

Struggling with Primeng's KeyFilter functionality?

I've implemented the KeyFilter Module of primeng in my project. Check out the code snippet below: <input type="text" pInputText [(ngModel)]="price.TintCost" [pKeyFilter]="patternDecimal" name="tintCost" required="true" /> Take a look at my Typ ...

Loading and unloading an Angular 6 component

One challenge I'm facing involves creating an image modal that appears when an image is clicked. Currently, I have it set up so that the child component loads upon clicking the image. However, the issue is that it can only be clicked once and then dis ...

Using Visual Studio Code, the next app created with nx now supports relative imports

I am encountering a problem with a Next.js project set up using nx and VS Code: When trying to automatically import a component in VS Code, it generates an absolute import which then triggers the @nrwl/nx/enforce-module-boundaries eslint rule, rendering t ...

Angular is throwing an error stating that the type '{ }[]' cannot be assigned to the type '[{ }]'

I'm in need of assistance and clarification regarding the error I encountered in my application... When I receive a JSON response from an API with some data that includes an array of products, I aim to extract these products (izdelki) from the array, ...

Tips for dynamically implementing a pipe in Angular 5

In my Angular application, I have implemented a filter using a pipe to search for option values based on user input. This filter is applied at the field level within a dynamically generated form constructed using an ngFor loop and populated with data from ...

Step-by-step guide on setting up cosmosDB databases and containers in azure functions with the node sdk

In my current setup, I have database initialization code that runs on every function request, impacting performance negatively. How can I verify the existence of a container in Cosmos DB using the node SDK? It's recommended to establish static conne ...

What is the proper way to specify the type for the `clean-element` higher-order-component in React?

Error message: 'typeof TextareaAutosize' argument cannot be assigned to a type 'Component<{}, {}, any>'. Error: Property 'setState' is not found in 'typeof TextareaAutosize'. Here is the code snippet causin ...

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 ...

Error in AWS Lambda: Module 'index' not found

In my setup, I have kept it simple by using typescript. All my typescript files are compiled into a /dist directory. Debugging with Webstorm is smooth as it easily finds the handler: https://i.sstatic.net/qkxfD.png The problem arises when I try to run i ...

Issues have been encountered with Angular 5 when trying to make required form fields work properly

Just created my first Angular app using Angular 5! Currently following the documentation at: https://angular.io/guide/form-validation. Below is the form I have set up: <form class="form-container"> <mat-form-field> <input matInput pl ...

Challenges encountered when sending an HTTP post request in Ionic 2 with Angular 2

Whenever I try to make a post request in my ionic2 application, I encounter an error without any specific message. It seems like there is something wrong with my Angular2 post request. Below is the function I am using for the request: load(username, pass ...

Refreshing Components upon updates to session storage - Angular

Currently, I am in the process of developing a build-a-burger website using Angular. The ingredients and inventory need to be updated dynamically based on the selected location. Users can choose the location from a dropdown menu in the navigation bar. The ...

Sorting arrays in Typescript

Is there a way to alphabetically sort an array of objects in Typescript based on a specific field? The array I have currently looks like this - https://i.stack.imgur.com/fQ3PA.png I'm interested in sorting it alphabetically by the 'channel' ...

Unable to locate the module name loaded using require() function

Within my React file, I am importing a Javascript file like this (I am using Typescript): let FloDialog = require('../public/js/flo-dialog.min'); Afterwards, I declare a property for the dialog class: dialog: FloDialog = null; It is important ...

What is the correct way to handle Vue props that include a dash in their name?

I am currently working on a project using Vue. Following the guidelines of eslint, I am restricted from naming props in camel case. If I try to do so, it triggers a warning saying Attribute ':clientId' must be hyphenated. eslint vue/attribute-hyp ...

When using a typescript subscription to collect data from an API, the information is stored in an array. However, only one piece of data can be

I have implemented a method to fetch data from an API using Angular: ngAfterViewInit() { this.exampleDatabase = new ExampleHttpDatabase(this._httpClient); var href = '/schuhe-store/status'; if (environment.production === false) { href ...