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
Enabling the plugin via
eleventyConfig.addPlugin(lightningCSS);in.eleventy.jsproduces the following error:If I rename or delete
Box.cssI get the same error, but for the next CSS file in my project (/src/Center.css).I'm configuring
browserslistin mypackage.json, but I've also tried the default method and produced the same error.Contents of
.eleventy.js