web-dev-qa-db-ja.com

Sass-loaderには、存在する場合でもnode-sass> = 4が必要です

angular 6.への更新を実行しました。また、ng serve -oの実行中に、sass-loaderがnode-sassを予期しているというエラーが表示されます。ngserve -oを実行すると、

ERROR in ./src/sass/styles.scss (./node_modules/raw-loader!./node_modules/postcss-loader/lib??embedded!./node_modules/sass-loader/lib/loader.js??ref--14-3!./src/sass/styles.scss)
    Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (node_modules\sass-loader\lib\loader.js:31:19)
ERROR in ./src/app/app.component.scss
Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (node_modules\sass-loader\lib\loader.js:31:19)
ERROR in x.component.scss
Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (\node_modules\sass-loader\lib\loader.js:31:19)
ERROR in x.component.scss
Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (loader.js:31:19)
ERROR in .x.component.scss
Module build failed: Error: `sass-loader` requires `node-sass` >=4. Please install a compatible version.
    at Object.sassLoader (node_modules\sass-loader\lib\loader.js:31:19)

明らかに、私はすべてをチェックし（私の意見では）、何が起こっているのか分かりません。

Package.Json：

"devDependencies": {
"@angular-devkit/build-angular": "~0.6.0",
"@angular/cli": "6.0.0",
"@angular/compiler-cli": "6.0.0",
"@angular/language-service": "6.0.0",
"@types/jasmine": "~2.8.3",
"@types/jasminewd2": "~2.0.2",
"@types/node": "~6.0.106",
"codelyzer": "^4.0.1",
"jasmine-core": "~2.8.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~2.0.0",
"karma-chrome-launcher": "~2.2.0",
"karma-html-detailed-reporter": "^1.1.21",
"karma-jasmine": "~1.1.0",
"karma-jasmine-html-reporter": "^0.2.2",
"karma-phantomjs-launcher": "^1.0.4",
"karma-teamcity-reporter": "^1.1.0",
"phantomjs-prebuilt": "^2.1.16",
"protractor": "~5.1.2",
"node-sass": "^4.9.0",
"sass-loader": "^7.0.1",
"ts-node": "~4.1.0",
"tslint": "~5.9.1",
"TypeScript": "2.7.2"
}

dir -l node_modules言います：

...
05/07/2018  08:53 AM    <DIR>          node-sass
...
05/07/2018  08:53 AM    <DIR>          sass-loader
...

私は実行しました：

npm rebuild node-sass

およびsecodアプローチ：ローカルノードモジュールと％User％\ AppData\Roaming\npm-cacheを削除しました。その後、ロックファイルを削除してnpmを実行しました

npm cache clear --force
npm install

しかし、まだ成功していません。

私は何が恋しいですか？

node.jsangularsass
13
Bartosz Kowalczyk
npm rebuild --force

asloが役立ちます

21
Adham Amiin

私は次の手順を使用して修正した同じ問題がありました：

  1. package-lock.jsonファイルを削除します。
  2. node_moduleフォルダーに移動して、rm -rf node_modulesを実行します。
  3. npm installを実行します

package-lock.jsonファイルは、新しい依存関係バージョンで自動更新されます。

それが役に立てば幸い。

6
candidJ

このコードを実行するだけです...

npm install --save node-sass
0
Karar Barcha

私はそれを修正しました

npm install node-sass

プロジェクトフォルダー内およびプロジェクト用。グローバルにインストールするため（-gオプション）は問題を解決しませんでした。

それが役に立てば幸い。

0
Juan Javier Triff Cabanas

次の手順でこの問題を解決しました

  1. 削除node-saasフォルダー\Users\<user_id>\AppData\Roaming\npm-cache
  2. 削除node-saasフォルダー<application_folder>/node_modules
  3. 実行npm install from <application_folder>
0
Pradeep

問題を解決するには、このコマンドを実行します

npm install --unsafe-perm

0
kranthi kumar

以下の手順を使用してこの問題を修正しました。

  1. package.jsonを開きます
  2. node-sassのインストールするバージョンを追加します。たとえば、"node-sass": "^4.12.0"
  3. コマンドラインインターフェイス（CLI）でインストールコマンドを実行します：npm install node-sass
  4. 問題は解決されます。
0
Samadhan Salunkhe