Gulpの導入に躓いてます。
Discussion
Closed
解決したいこと
npx gulpを実行するとエラーが発生している。
オンクラスでJavaScript学習中です。
Gulpを導入しようとしています。初めて触るもので全然わかりません。
SassをCSSにコンパイルしようと、npx gulpコマンドを実行しました。
発生している問題・エラー
Message:
gulp-sass no longer has a default Sass compiler; please set one yourself.
Both the "sass" and "node-sass" packages are permitted.
For example, in your gulpfile:
const sass = require('gulp-sass')(require('sass'));
[14:27:05] The following tasks did not complete: default
[14:27:05] Did you forget to signal async completion?
該当するソースコード
// gulpプラグインの読み込み
const gulp = require("gulp");
// Sassをコンパイルするプラグインの読み込み
const sass = require("gulp-sass");
// style.scssをタスクを作成する
gulp.task("default", function() {
// style.scssファイルを取得
return (
gulp
.src("sass/style.scss")
// Sassのコンパイルを実⾏
.pipe(sass())
// cssフォルダー以下に保存
.pipe(gulp.dest("css"))
);
});
自分で試したこと
GPTにエラー文をそのまま投げてみた
回答
gulp-sassが以前のバージョンと比較して、デフォルトのSassコンパイラを提供しなくなったことを示しています。代わりに、開発者が自分でSassコンパイラを設定する必要があります。
エラーメッセージにも示されている通り、gulpfile.jsにてgulp-sassを正しく設定する必要がありま
す。
const gulp = require('gulp');
const sass = require('gulp-sass')(require('sass'));
gulp.task('sass', function () {
return gulp.src('src/styles/*.scss') // Sassファイルのパスを適切に指定
.pipe(sass().on('error', sass.logError))
.pipe(gulp.dest('dist/css')); // コンパイルされたCSSの出力先を適切に指定
});
gulp.task('default', gulp.series('sass'));
上のコードに変更してnpx gulpをしてもいいのか、
以前GPTに聞いたコードをそのまま入力して、めんどくさいことになった。
ちゃんと調べてから実行したいと思っている。
でもこのエラーもGPTが何言ってるかもわからない。
0
