VS Code, CSS and HTML: "The current file is not supported or ignored by Biome."

[dcog989]

I decided to migrate from Prettier to Biome. CLI all done and working. But I have spent hours now trying to make VS Code + Biome extension work on CSS and HTML files. It works fine for JS / TS / JSON.

Here's the latest iteration of biome.json:

{
    "$schema": "https://biomejs.dev/schemas/2.3.11/schema.json",
    "files": {
        "includes": ["src/**/*", "*.json", "*.js", "*.ts", "*.cjs"]
    },
    "formatter": {
        "lineWidth": 120,
        "indentWidth": 4,
        "indentStyle": "space",
        "lineEnding": "lf"
    },
    "linter": {
        "enabled": true,
        "rules": {
            "recommended": true
        }
    },
    "css": {
        "formatter": {
            "enabled": true
        },
        "linter": {
            "enabled": true
        },
        "parser": {
            "cssModules": true,
            "tailwindDirectives": true
        }
    },
    "javascript": {
        "formatter": {
            "quoteStyle": "single",
            "jsxQuoteStyle": "double",
            "trailingCommas": "all",
            "semicolons": "always",
            "arrowParentheses": "always",
            "bracketSpacing": true,
            "bracketSameLine": true
        }
    },
    "html": {
        "formatter": {
            "enabled": true,
            "indentScriptAndStyle": true
        },
        "experimentalFullSupportEnabled": true
    },
    "overrides": [
        {
            "includes": ["*.svelte"],
            "linter": {
                "rules": {
                    "correctness": {},
                    "style": {
                        "useConst": "off",
                        "useImportType": "off"
                    },
                    "suspicious": {
                        "noExplicitAny": "warn"
                    }
                }
            }
        }
    ]
}

Any suggestions please?

[dyc3]

Sorry to hear that. It should just work with that config. Check the debug/trace logs for the extension. That might give you some more info to help troubleshoot.

[dcog989]

Hi, thanks for the reply. I got it working yesterday after posting - the biome.exe was not on path, possibly some other config options (I lost track of everything I tried!).

However, I was then seeing some bizarre behavior against Svelte files, stripping out all JS between <script> tags. At that point, I decided to give up and return to Prettier as I had sunk too many hours in to it already.

Will have another go at some point in the future, as I can see Biome has some big advantages over Prettier.