How to correctly use Eslint rule newline-per-chained-call with Prettier in Angular

Question

I added the rule:

"newline-per-chained-call": [
    "error",
    {
        "ignoreChainWithDepth": 2
    }
]

to my .eslintrc.json file.
I Also extended "plugin:prettier/recommended" .
Now when I write code like this:

test.random2().random2()
    .random3();

I get error Delete ⏎↹↹↹ eslint (prettier/prettier). in VSCode which I don't want to have. How can I fix the configuration to allow this code structure?

My .prettierrc.json looks like this:

{
    "singleQuote": true,
    "useTabs": true,
    "semi": true,
    "bracketSameLine": true,
    "endOfLine": "lf"
}

Answer 1

不能将 newline-per-chained-call 与 prettier 一起使用，因为 prettier 不允许这种行为......唯一可以做的就是删除 newline-per-chained-call 或删除 prettier 或在之前添加注释“// prettier-ignore”链式线