Questions tagged [prettier-eslint]
The prettier-eslint tag has no usage guidance.
prettier-eslint
141
questions
0
votes
0
answers
12
views
Prettier ignores tab width despite settings seem correct
I have this .prettierrc with "prettier": "^3.3.3" installed (package.json):
{
"printWidth": 100,
"useTabs": true,
"tabWidth": 2,
"...
0
votes
1
answer
57
views
Prettier rule to break all html elements inside a block the same way
I am using default NextJS eslint rules and have prettier activated in VS Code.
I am pretty sure this is a prettier configuration but basically when I am templating, I want all HTML elements inside a ...
1
vote
1
answer
250
views
error message 'Delete `␍`eslintprettier/prettier' in nest js project
code prettier code
prettierrc
{
"singleQuote": true,
"trailingComma": "all"
}
eslintc.js
module.exports = {
parser: '@typescript-eslint/parser',
...
0
votes
1
answer
963
views
Flat config file with configs from legacy eslintrc compat error
I am trying to get prettier, typescript, eslint with airbnb typescript syntax working with linting and auto formatting.
The minimal node package.json file.
{
"name": "typescript-...
0
votes
0
answers
30
views
Code formatting not working properly in prettier-eslint
I use prettier-eslint for code formatting in vscode. All major tags formatted succesfully when save. But some tags divide the tag and it's class to another code line. I won't to get the tag and class ...
0
votes
0
answers
25
views
VSCode Saving causes code to appear on newline and adds double quotes
When saving, it automatically formats the code to appear on a newline and surrounds it with double quotes. I am not sure what setting on Prettier is causing this, how do I disable this formatting ...
11
votes
1
answer
18k
views
Problem when trying to add Prettier's Git Hook: husky install error `install command is deprecated`
node version: 20.11.0
pnpm version: 8.15.0
os: Windows
I was following the instructions in https://prettier.io/docs/en/install.html
I ran the second command pnpm exec husky install and
cmd gives me ...
-1
votes
1
answer
41
views
prettier extension not Working in VS_Code...?
i installed the pritter extension and it doesn't work not in any language like javaScript and not in the react js project...?
Every time when i select the prettier to formate the code it doesn't do ...
0
votes
0
answers
163
views
Prettier plugin tailwindcss not working in the visual code
In our project we defined the configs for the prettier and eslint. the problem we facing down below so the when eslint server starting working that will not find the prettier-plugin-eslint but its ...
0
votes
0
answers
15
views
Node_ Modules/qualifier/standalone. js 418:11
I introduced Prettier in my React project, but there was a compilation error/ Node_ Modules/qualifier/standalone. js 418:11 I would like to know how to solve it,
When I commented out the code with the ...
0
votes
1
answer
224
views
ESlint --config option not working and still uses the same root file config
I have this in my package.json
"scripts": {
"lint": "eslint --quiet .",
"lint:prcleancode": "eslint -c ./ci/.eslint-cleancode.json
The first ...
1
vote
0
answers
43
views
VSCode producing wrong ESLint Prettier error
After saving my .tsx file in VSCode, Eslint/Prettier changes the order of the Tailwind classes. However, when I run Eslint in my terminal, it shows this reordering as an error.
VSCode correct:
...
2
votes
1
answer
6k
views
Setting up Auto Format on Save easily in VS Code (Visual Studio Code) for Expo React-Native
Is there a quick guide / tutorial for how to easily set up auto-code-formatting, eslint/prettier, etc. in vscode? (Specifically for code formatting of React, React-Native projects).
Simply downloading ...
0
votes
0
answers
111
views
Usage of @eslint/config tool with airbnb and prettier plugins
Following eslint QuickStart documentation, I run the npm init @eslint/config and got a boilerplate .eslintrc as expected:
module.exports = {
"env": {
"browser": true,
...
0
votes
0
answers
75
views
How do I change eslint styling organization from alphabetical?
I am using eslint to organize my styling code, but was wondering if there are different options other than alphabetical styling ordering. Currently eslint suggests I change this:
Tag: {
display: &...
0
votes
0
answers
152
views
eslint ignores one specific file and doesn't show any warnings or errors
I'm making React/TS project with eslint and prettier.
I installed and set up eslint and prettier following this guide.
But eslint doesn't work in one specific file and logs the following in the VSCode ...
0
votes
1
answer
269
views
ERROR: Invalid configuration for file "/Users/hello/Documents/projects/hello_world/.eslintrc.json"
I'm getting this error message when I run the npm run format command in the root directory of my nextjs project:
[error] Invalid configuration for file "/Users/hello/Documents/projects/...
0
votes
1
answer
1k
views
How to Set Up ESLint, Prettier, and TypeScript in React Native - Initial Configuration
I would like to ask about the initial setup for ESLint, Prettier, and TypeScript in React Native. Currently, I am using absolute paths to specify components. Could you please confirm if I am using ...
0
votes
0
answers
192
views
Prettier formats files specified in .prettierignore
When running the command pnpm exec prettier . --write files which supposedly should be specified to be ignored in .prettierignore are not being ignored.
My .prettierignore, located in the root folder ...
0
votes
1
answer
62
views
Hide ESLint errors but still format
I usually have auto-fixable ESLint errors and they are fixed instantly when I just CTRL+S and I am bored of hovering errors each time and checking if they are actually an error (for my case, ...
1
vote
0
answers
137
views
How use eslint to make absolute imports work
I would like absolute imports with @ e.g.
import { Example } from "@/features/file/example";
to work in my project but when I set it to work imports like:
import { z } from "zod";
...
0
votes
0
answers
237
views
How to set blank line between imports in prettier?
I'm using prettier and Eslint, However there is a format conflict between them.
My Eslint has a rule that set a blank line between imports:
"padding-line-between-statements": [
&...
0
votes
0
answers
171
views
Why isn't my prettier custom plugin working?
i am creating new Vscode extention using prettier custom plugin for formatting code as requirement, my whole code work properly even extension is running properly but my plugin file that i describe ...
0
votes
1
answer
1k
views
How to get ESLint/Prettier to underline errors in code in TypeScript for VS Code
I've installed ESLint and Prettier in my project folder, along with about every add on I could find to help solve the issue. I've also installed and enabled the extensions. However, I don't get any ...
1
vote
0
answers
290
views
Error: Cannot find module 'eslint' when attempting to use Prettier ESLint VS Code extension in a Yarn Berry proejct with yarn linker
Trying to format a file with Prettier ESLint in a worksapce that uses Yarn Berry without the nodeLinker: node-modules, the extension fails with the following error trace:
Error stack trace:
Error: ...
0
votes
0
answers
136
views
Prettier ESLint - Can I force quotes to both avoidEscape and be consistent?
I have the array:
["R'", "L", "U", "D'", "F'", "B"]
and it keeps getting formatted to use single quotes on only some of the values because ...
1
vote
1
answer
391
views
Problem with disabling rule "lines-between-class-members" eslint
In my project (playwright + ts) I used a eslint to checking my code.
I have problem with one rule 'lines-between-class-members'.
I don't want to use it, so according to documentation in .eslintrc.json ...
0
votes
1
answer
326
views
Intellij - jsx double quotes not applied
I am using intellij and I have started a react typescript project with vite, have added eslint and prettier, as well as lint-staged. After initially having single quotes for everything I wanted to ...
1
vote
1
answer
2k
views
"@typescript-eslint" recommends the Prettier for the stylistic issues, but has the Prettier same rules and options as ESLint?
From the @typescript-eslint documentation:
Suggested Usage - Prettier
Neither typescript-eslint nor ESLint core enable any
formatting-related rules in any recommended presets. However, some
third ...
1
vote
0
answers
1k
views
Eslint resolve error: typescript with invalid interface loaded as resolver
I have an issue that all .ts files have this error on the first import line.
Resolve error: typescript with invalid interface loaded as resolvereslintimport/namespace
Resolve error: typescript with ...