Gulpでscssのコンパイルができません

Gulpでscssのコンパイルをしたいです。

https://ics.media/entry/3290/
このサイトを見ながら、Gulpの導入からscssのコンパイルについて学んでいたのですが、タスクの実行でつまづいてしまいました。
コマンドプロンプトでnpx gulpと入力してもコンパイルされずに、エラーメッセージが出てしまいます。

エラーメッセージ（ユーザー名は★★★で隠しています）

C:\Users\★★★\OneDrive\デスクトップ\物置小屋\gulp-test>npx gulp
C:\Users\★★★\OneDrive\デスクトップ\物置小屋\gulp-test\node_modules\node-sass\lib\binding.js:15
      throw new Error(errors.missingBinary());
      ^

Error: Missing binding C:\Users\★★★\OneDrive\デスクトップ\物置小屋\gulp-test\node_modules\node-sass\vendor\win32-x64-72\binding.node
Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 12.x

Found bindings for the following environments:
  - Windows 64-bit with Node.js 10.x

This usually happens because your environment has changed since running `npm install`.
Run `npm rebuild node-sass` to download the binding for your current environment.
    at module.exports (C:\Users\★★★\OneDrive\デスクトップ\物置小屋\gulp-test\node_modules\node-sass\lib\binding.js:15:13)
    at Object.<anonymous> (C:\Users\★★★\OneDrive\デスクトップ\物置小屋\gulp-test\node_modules\node-sass\lib\index.js:14:35)
    at Module._compile (internal/modules/cjs/loader.js:945:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:962:10)
    at Module.load (internal/modules/cjs/loader.js:798:32)
    at Function.Module._load (internal/modules/cjs/loader.js:711:12)
    at Module.require (internal/modules/cjs/loader.js:838:19)
    at require (internal/modules/cjs/helpers.js:74:18)
    at Object.<anonymous> (C:\Users\★★★\OneDrive\デスクトップ\物置小屋\gulp-test\node_modules\gulp-sass\index.js:162:21)
    at Module._compile (internal/modules/cjs/loader.js:945:30)

試したこと

https://dev.classmethod.jp/node-js/node-sass-could-not-find-a-binding/
このサイトを見て紹介されているコマンドを入力しましたが、ダメでした。

コマンドを実行するディレクトリに間違いはないはずです。
最初に紹介したページに書いてあるgulpのインストール等で必要なファイル、フォルダは全て
C:\Users\★★★\OneDrive\デスクトップ\物置小屋\gulp-test
の階層に揃っています。何が原因なのでしょうか。

Windowsの仕様

エディション　Windows10 Pro
バージョン　1903

gouf

2019/10/07 05:50

> This usually happens because your environment has changed since running `npm install` npm install の再実行をしても変化は見られませんか?

nyoro

2019/10/17 03:19

goufさん返信が遅くなってしまい、大変申し訳ございません。 npm installを実行したのですが、 C:\Users\★★★\OneDrive\デスクトップ\物置小屋\gulp-test>npm install npm WARN rollback Rolling back readable-stream@2.3.6 failed (this is probably harmless): EPERM: operation not permitted, lstat 'C:\Users\ ★★★\OneDrive\デスクトップ\物置小屋\gulp-test\node_modules\fsevents\node_modules' npm WARN gulp-test@1.0.0 No description npm WARN gulp-test@1.0.0 No repository field. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) audited 7054 packages in 2.325s found 0 vulnerabilities と表示されてしまい、再度npx gulpを実行してもダメでした。。

s8_chu

2019/10/20 21:18 編集

現状のディレクトリ構造、質問者さんが記述した各ファイルの内容と、質問者さんの使用している Node.js のバージョンを質問文に追記していただけませんか？

nyoro

2019/10/30 02:25

s8_chuさん返信が遅くなってしまい、すみません。。・現状のディレクトリ構造 C:\Users\★★★\OneDrive\デスクトップ\物置小屋\gulp-test この階層に下記の画像のように、ファイル、フォルダを置いています。 https://ics.media/entry/3290/images/170823_gulp_macos_finder__960.png ・記述した各ファイルの内容 gulpfile.jsにサイトで紹介されているソースをコピペしました // gulpプラグインの読み込み const gulp = require("gulp"); // Sassをコンパイルするプラグインの読み込み const sass = require("gulp-sass"); // style.scssをタスクを作成する gulp.task("default", function() { // style.scssファイルを取得 return ( gulp .src("css/style.scss") // Sassのコンパイルを実行 .pipe(sass()) // cssフォルダー以下に保存 .pipe(gulp.dest("css")) ); }); 当然cssフォルダ内にstyle.scssは入っています。 style.scssの記述は以下のようになっています。 // ネストのテスト div { p { font-weight: bold; } } // 変数のテスト $fontColor: #525252; h1 { color: $fontColor; } ・Node.js のバージョン windowsにインストールされているNode.jsを開くと、Welcome to Node.js v12.11.1.と表示されるので、恐らくv12.11.1だと思います。返信が遅くなってしまい大変恐縮なのですが、よろしければご教授いただけますと幸いです。宜しくお願い致します。