Skip to content

ERRORS: Having trouble rendering/compiling css template + Browser queries must be an array or string. Got object. #6

@techbridgedev

Description

@techbridgedev

Enabling the plugin via eleventyConfig.addPlugin(lightningCSS); in .eleventy.js produces the following error:

[11ty] 1. Having trouble rendering css template ./src/Box.css (via TemplateContentRenderError)
[11ty] 2. Having trouble compiling template ./src/Box.css (via TemplateContentCompileError)
[11ty] 3. Browser queries must be an array or string. Got object. (via BrowserslistError)
[11ty] 
[11ty] Original error stack trace: BrowserslistError: Browser queries must be an array or string. Got object.
[11ty]     at checkQueries (/projects/eleventy/node_modules/browserslist/index.js:387:11)
[11ty]     at browserslist (/projects/eleventy/node_modules/browserslist/index.js:398:3)
[11ty]     at Object.compile (/projects/eleventy/node_modules/@11tyrocks/eleventy-plugin-lightningcss/.eleventy.js:100:43)
[11ty]     at CustomEngine.compile (/projects/eleventy/node_modules/@11ty/eleventy/src/Engines/Custom.js:201:7)
[11ty] Wrote 0 files in 0.01 seconds (v2.0.1)

If I rename or delete Box.css I get the same error, but for the next CSS file in my project (/src/Center.css).

I'm configuring browserslist in my package.json, but I've also tried the default method and produced the same error.

Contents of .eleventy.js

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions