Language-tools: `sass`がインストールされていますが、「モジュールが見つかりません:sass、node-sass」

作成日 2020年10月19日  ·  4コメント  ·  ソース: sveltejs/language-tools

バグを説明する
すべての.svelteファイルで、拡張子は私にこのエラーをスローします([出力]タブからコピー):

Using Svelte v3.29.0 from /Users/nick/PROJECT_ROOT_REDACTED/node_modules/svelte/compiler
Preprocessing failed
Error: Cannot find any of modules: sass,node-sass

Error: Cannot find module 'node-sass'
Require stack:
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/modules/utils.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/autoProcess.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/index.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/importPackage.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/lib/documents/configLoader.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/lib/documents/Document.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/lib/documents/index.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/server.js
- /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/bin/server.js
    at Object.importAny (/Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/modules/utils.js:30:15)
    at async transformer (/Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/transformers/scss.js:18:21)
    at async /Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/autoProcess.js:96:29
    at async Object.style (/Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-preprocess/dist/autoProcess.js:142:33)
    at async wrappedPreprocessor.style (/Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/plugins/svelte/SvelteDocument.js:208:33)
    at async /Users/nick/PROJECT_ROOT_REDACTED/node_modules/svelte/compiler.js:27431:32
    at async Promise.all (index 0)
    at async replace_async (/Users/nick/PROJECT_ROOT_REDACTED/node_modules/svelte/compiler.js:27386:52)
    at async Object.preprocess (/Users/nick/PROJECT_ROOT_REDACTED/node_modules/svelte/compiler.js:27427:19)
    at async transpile (/Users/nick/.vscode/extensions/svelte.svelte-vscode-102.2.0/node_modules/svelte-language-server/dist/src/plugins/svelte/SvelteDocument.js:223:25) {
  __source: 'Style'
}

svelte-preprocessインストールし、その設定はsvelte.config.jsあり、次のようになります。

// svelte.config.js
const sveltePreprocess = require('svelte-preprocess');

module.exports = {
  preprocess: sveltePreprocess({
    postcss: {
      plugins: [
        require('autoprefixer')
      ]
    },
    sass: {
      sync: true,
      implementation: require('sass'),
    },
  }),
};

implementationを削除しようとしましたが、機能しませんでした。 sass: true設定する場合も機能しません。 特にDartの実装が必要なため、 node-sassを使用しようとしませんでした。

scssコードのない場所でもエラーが表示されます(スクリーンショットを参照)

再現するには
動作を再現する手順:

  1. svelte-preprocesssassをインストールします
  2. sass.implementationを `require( 'sass')に設定して、svelte.config.jsを構成します
  3. .svelteファイルを開く

予想される行動

  1. 拡張機能はエラーをスローしません

スクリーンショット
grafik

システム(以下の情報を入力してください):

  • OS:macOS Catalina 10.15.7
  • IDE:VSCode 1.50.1
  • プラグイン/パッケージ:「SvelteforVSCode」

追加のコンテキスト
私はSvelteだけでなくSapperアプリを開発しています。

question

最も参考になるコメント

さて、私は非常に愚かだと感じています😅

以前に確認しましたが、まだインストールされているJamesBirtlesによる古い拡張機能を見逃しました。 古い拡張機能を削除してVSCodeをリロードすると、メッセージは消えました

全てのコメント4件

さて、私は非常に愚かだと感じています😅

以前に確認しましたが、まだインストールされているJamesBirtlesによる古い拡張機能を見逃しました。 古い拡張機能を削除してVSCodeをリロードすると、メッセージは消えました

上記の拡張機能は、 Svelte for VSCodeです

さて、私は非常に愚かだと感じています😅

以前に確認しましたが、まだインストールされているJamesBirtlesによる古い拡張機能を見逃しました。 古い拡張機能を削除してVSCodeをリロードすると、メッセージは消えました

そして、その代わりにどの拡張子を使用しますか?

このページは役に立ちましたか?
0 / 5 - 0 評価

関連する問題

PatrickG picture PatrickG  ·  3コメント

baileyherbert picture baileyherbert  ·  3コメント

matthewmueller picture matthewmueller  ·  5コメント

JAD3N picture JAD3N  ·  5コメント

brunnerh picture brunnerh  ·  3コメント