Can't build - sass importer error

[fraumipsum]

Here is what I get with npm run build:

> flynt@2.1.1 build
> run-s --silent checkVersion lint build:production

node: 22.13.1
(node:45498) [DEP0180] DeprecationWarning: fs.Stats constructor is deprecated.
(Use node --trace-deprecation ... to show where the warning was created)
vite v6.3.5 building for production...
✓ 0 modules transformed.
✗ Build failed in 153ms
error during build:
[vite:css] [sass] An importer must have either canonicalize and load methods, or a findFileUrl method.
file: /my/path/wp-content/themes/flynt/assets/admin.scss
Error: An importer must have either canonicalize and load methods, or a findFileUrl method.
at Object._parseAsyncImporter (/my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:23528:19)
at compileStringAsync__closure0.call$1 (/my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:92501:16)
at Object.NullableExtension_andThen0 (/my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:31754:40)
at /my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:92467:35
at _wrapJsFunctionForAsync_closure.$protected (/my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:4946:15)
at _wrapJsFunctionForAsync_closure.call$2 (/my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:35978:12)
at Object._asyncStartSync (/my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:4910:20)
at compileStringAsync_closure.call$0 (/my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:92489:16)
at StaticClosure.compileStringAsync1 (/my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:23480:176)
at Object.Primitives_applyFunction (/my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:2078:30)

[steffenbew]

@fraumipsum Hey, I'm seeing you're using node v22. Could you please try node v20?

[fraumipsum]

Hi @steffenbew
With v20 the warning from #598 disappears.
The sass error however remains and build still fails

[steffenbew]

@fraumipsum That's good! I suggest to delete the node_modules folder and reinstall them with node v20, if you haven't done that already.

[fraumipsum]

Sorry, did not manage to try again earlier.
@steffenbew with node v20 I get the same errors

tried a fresh install, but got the sames

npm run build

flynt@2.1.1 build
run-s --silent checkVersion lint build:production

node: 20.19.2
Error: Cannot resolve custom syntax module "postcss-scss". Check that module "postcss-scss" is available and spelled correctly.

Caused by: Error [ERR_MODULE_NOT_FOUND]: Cannot find package 'postcss-scss' imported from /my/path/wp-content/themes/flynt/node_modules/stylelint/lib/utils/dynamicImport.mjs
at getCustomSyntax (file:///my/path/wp-content/themes/flynt/node_modules/stylelint/lib/getPostcssResult.mjs:87:11)
at async getPostcssResult (file:///my/path/wp-content/themes/flynt/node_modules/stylelint/lib/getPostcssResult.mjs:30:17)
at async lintSource (file:///my/path/wp-content/themes/flynt/node_modules/stylelint/lib/lintSource.mjs:101:4)
at async file:///my/path/wp-content/themes/flynt/node_modules/stylelint/lib/standalone.mjs:216:27
at async Promise.all (index 0)
at async standalone (file:///my/path/wp-content/themes/flynt/node_modules/stylelint/lib/standalone.mjs:267:22)
me@machine:~/localhost/wp-test/wp-content/themes/flynt$ npm install postcss-scss

added 1 package, removed 1 package, and audited 469 packages in 1s

161 packages are looking for funding
run npm fund for details

found 0 vulnerabilities
me@machine:~/localhost/wp-test/wp-content/themes/flynt$ npm run build

flynt@2.1.1 build
run-s --silent checkVersion lint build:production

node: 20.19.2
vite v6.3.5 building for production...
✓ 0 modules transformed.
✗ Build failed in 287ms
error during build:
[vite:css] [sass] An importer must have either canonicalize and load methods, or a findFileUrl method.
file: /my/path/wp-content/themes/flynt/assets/admin.scss
Error: An importer must have either canonicalize and load methods, or a findFileUrl method.
at Object._parseAsyncImporter (/my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:23528:19)
at compileStringAsync__closure0.call$1 (/my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:92501:16)
at Object.NullableExtension_andThen0 (/my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:31754:40)
at /my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:92467:35
at _wrapJsFunctionForAsync_closure.$protected (/my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:4946:15)
at _wrapJsFunctionForAsync_closure.call$2 (/my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:35978:12)
at Object._asyncStartSync (/my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:4910:20)
at compileStringAsync_closure.call$0 (/my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:92489:16)
at StaticClosure.compileStringAsync1 (/my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:23480:176)
at Object.Primitives_applyFunction (/my/path/wp-content/themes/flynt/node_modules/sass/sass.dart.js:2078:30)

[timohubois]

@fraumipsum I noticed in the logs that you're using Vite version 6. Just as a note — Flynt currently ships with Vite version 5. Have you experienced the same issues when using Vite 5?