一般的なデバッグ目的でブラウザ内で編集および保存できるように、Chrome と .scss ファイル間のソース マッピングの設定に時間を費やしました。ただし、これに対するより重要な手順の 1 つは、DevTools の実験を有効にしてから、"Support for Sass" を選択することのようです。実験を何度か有効にしましたが、まだ Sass サポートのボックスはありません。Chrome は新しいアップデートに自動的に含まれている可能性がありますか?
存在しないことを証明するためのスクリーンショット。（気にしないでください、私はそれを投稿することを許可されていません）.
Chrome で更新エラーが発生している可能性があります。メニューをクリックして [Google Chrome について] をクリックすると、バージョン (31 以上である必要があります) が表示されます。私のものは古いバージョンと更新エラーを示しました。
Chrome をアンインストールし、コンピューターを再起動して、Chrome を再度インストールします。
最新のツールがすべて揃っている必要があります。SASS のサポートは、私のバージョンではもはや実験的ではなく、デフォルトでオンになっています。
- URL chrome://flags に移動し、Developer Tools の実験を有効にします。
- DevTools を開きます (Web ページの Inspect Element を右クリックします)
- 右下の歯車アイコンをクリックします
- Experiments をクリックし、Enable SASS Support をクリックします
- General をクリックし、Enable CSS source maps をクリックします