Pertanyaan:
Berikut adalah masalah yang saya temui. Saya mengikuti tutorial dan akhirnya mencoba mengompilasi scss
file berikut dan mencoba menghasilkan kode CSS darinya,
.fatty{
width: percentage(6/7);
}
menggunakan gulpfile.js
tugas berikut :
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('sass', function () {
return gulp.src('app/scss/styles.scss')
.pipe(sass())
.pipe(gulp.dest('app/css'))
});
Jadi kesalahan yang saya dapatkan adalah sebagai berikut:
~/htdocs/Learning/gulp1/node_modules/gulp-sass/index.js:66
let sassMap;
^^^
SyntaxError: Block-scoped declarations (let, const, function, class) not yet supported outside strict mode
at exports.runInThisContext (vm.js:53:16)
at Module._compile (module.js:373:25)
// stacktrace here...
Larutan:
Jadi itu menunjukkan kepada saya index.js
file yang ada di dalam modul gulp-sass saya (yang pada dasarnya terkunci dan tidak boleh diedit). Tetapi jika saya pergi dengan paksa dan menambahkan "use_strict"
di bagian atas index.js
file itu, itu menjalankan tugas saya dengan lancar.
Saya tidak berdaya, jadi saya terus menggunakan ini sebagai solusi! Tetapi kemudian setelah melalui beberapa Tanya Jawab Stack Overflow lainnya , saya melihat jawaban berikut sebagai berikut:
sudo npm install -g n
sudo n stable
Dan segera setelah saya memperbarui Node.js saya (ke versi 10.x), dan kemudian membangun kembali Gulp dengan menjalankan perintah berikut sebagai Terminal, ia menginstruksikan saya:
npm rebuild node-sass --force
Dan semuanya baik-baik saja. Jadi begitulah cara mengatasinya. Saya telah membatalkan perubahan yang saya lakukan untuk index.js
file modul Gulp.js. Dan sekarang sudah lancar.