'An importer must have either canonicalize and load methods, or a findFileUrl method' after migrating to 6

[roniemartinez]

We are trying to upgrade from 5.1.0 to 6.0.0 and following the guide from https://github.com/dlmanning/gulp-sass?tab=readme-ov-file#migrating-to-version-6

However, it seems an importer that we are using (node-sass-tilde-importer) is not compatible with this version.

// gulpfile.mjs

import * as dartSass from 'sass';
import gulpSass from 'gulp-sass';
import tildeImporter from "node-sass-tilde-importer";

const sass = gulpSass(dartSass);

// ...

gulp.task('app_sass', function () {
    return gulp.src(dir.app_scss + '*.scss')
        // ...
        .pipe(sass({importer: tildeImporter, style: 'compressed'}).on('error', sass.logError))
        // ...
});

Error:

Error in plugin "sass"
Message:
    static/app/scss/app.min.scss
An importer must have either canonicalize and load methods, or a findFileUrl method.

Are there any guides for this? Thanks

[xzyfer]

That importer is not updated to the new sass API. You'll need to use legacy ssss API.

…

On Thu, 28 Nov 2024, 11:10 pm Ronie Martinez, ***@***.***> wrote: We are trying to upgrade from 5.1.0 to 6.0.0 and following the guide from https://github.com/dlmanning/gulp-sass?tab=readme-ov-file#migrating-to-version-6 However, it seems an importer that we are using (node-sass-tilde-importer) is not compatible with this version. // gulpfile.mjs import * as dartSass from 'sass';import gulpSass from 'gulp-sass';import tildeImporter from "node-sass-tilde-importer"; const sass = gulpSass(dartSass); // ... gulp.task('app_sass', function () { return gulp.src(dir.app_scss + '*.scss') // ... .pipe(sass({importer: tildeImporter, style: 'compressed'}).on('error', sass.logError)) // ...}); Error: Error in plugin "sass" Message: static/app/scss/app.min.scss An importer must have either canonicalize and load methods, or a findFileUrl method. Are there any guides for this? Thanks — Reply to this email directly, view it on GitHub <#873>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAENSWGWQ6H3XJKIIRVG4DD2C4BZVAVCNFSM6AAAAABSU7VZYKVHI2DSMVQWIX3LMV43ASLTON2WKOZSG4YDCOJWGYZTSMY> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[nitesh-voya]

I am also getting the same issue after I migrated gulp-sass to 6.0.0 version.
I am using node-sass-import-once