eleventy-plugin-lightningcss
eleventy-plugin-lightningcss copied to clipboard
ERRORS: Having trouble rendering/compiling css template + Browser queries must be an array or string. Got object.
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.