Issue

プロジェクトが順調であることを確認するために、ノートパソコンにNodeがインストールされています.
明らかに安全なリリース版は14版だが、すでに16版だ.
愚かな私は知らないで、勇敢にnpm installを打った.

// 결과
...
대략 엄청난 에러. 😎
ERR! code 1
node-sass, sass-loader 오류 났음.

sass、scssも必要ですが...エラーのため、プロジェクトを実行できません.
△nodejsを14バージョンに下げる方法はありますが、できません.記憶喪失のため書けません.

Researching...

💀 壮大に書かれていますが...Googleを続行...

バージョン互換nodejs、node-sass

まず、NodeJsバージョンと互換性のあるNode-Sassバージョンを使用する必要があります.
NodeJSSupported node-sass versionNode ModuleNode 177.0+102Node 166.0+93Node 155.0+, <7.088Node 144.14+83Node134.13+, <5.079Node 124.12+72Node 114.10+, <5.067Node 104.9+, <6.064Node 84.5.3+, <5.057Node <8<5.0<57
ソース:https://www.npmjs.com/package/node-sass
より良いNodeバージョンは16で、Node-Sassのバージョンは

// 특정 패키지의 버전 정보를 확인한다.
npm view node-sass versions

// 찾은 후에 맞는 버전으로 설치한다.
npm install [email protected]

バージョン対応node-sass、sass-loader

今回はsass-loaderがブーンと鳴いた.😆npm7までにピア依存に関するエラーが発生すれば、警告を出すだけでインストールできるという.
その後エラーが発生し、インストールできません.

// 의존성 오류 
Could not resolve dependency:
peerOptional [email protected]"^4.0.0" from [email protected]

// 와 함께 두가지 방법을 제안한다.
// 강제로 설치, 또는 의존성 무시하고 설치 위 명령어 뒤에 붙여주면 된다.
this command with --force, or --legacy-peer-deps

peerDependencies

もちろん無視してインストールしましたが、エラーが発生しました.
現在のnode-sassバージョンは8.0.2ですpackage-lock.jsonファイルでnode-sassのpeerDependenciesを表示
このように"node-sass": "^4.0.0"が明示されている.
だから>=と書いてある人もいれば、^と書いてある人もいるので、もう一度探しました.version-指定したバージョンと一致する必要があります.>version, >=version, <version, <=version-不等号で理解すればよい.~version-指定されたバージョンに近似^version-指定されたバージョンとの互換性1.2.x - 1.2.0, 1.2.1, 1.2.2 ...*-すべてのバージョン""-*のようです.
.
.
もっと好奇心があったら探してください.

// nodeJs와 호환되게 node-sass를 업데이트 했더니 sass-loader랑 싸운다.
Node Sass version 6.0.0 is incompatible with ^4.0.0.

バージョン対応node-sass、sass-loader 2

sass-loaderの互換性について説明します.
解決策は2つあるそうです.
node-sassバージョンを下げるか、sass-loaderバージョンをアップグレードします.
前者はnodejsバージョンに該当するので、後者を選択します.

// 일단 말끔하게 청소하고
npm uninstall sass-loader

// 최신이 좋은겨 최신으로 간다.
npm install [email protected]

バージョン対応sass-loader、webpack

今回はwebpack
この程度になると、nodejs 16インストール記念プロジェクトを再作成する必要があります.

// 걍 웹팩도 최신으로 간다.
npm uninstall webpack
npm install [email protected]

// webpack 업데이트한 뒤에 아까 오류났던 sass-loader 최신
npm install [email protected]

最新インストールの現在の標準sass-loader 12.6.0に更新します.
peerDependencies - "node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"

バージョン互換のwebpack、vuejs

今回はwebpackとvue
なぜ新しいプロジェクトを作成しないのですか?🤬🤬🤬
探してみました[email protected]それを降格すればいいです.
ではsass-loaderを真ん中にしましょう
up&downのゲームをする気持ちで大体10-11バージョンを打って探し当てました
sass-loaderのピア依存-"node-sass": "^4.0.0 || ^5.0.0 || ^6.0.0"

Webパッケージのダウングレード

しかし、ここに着いた以上、もう一度やってみましょう.
今[email protected]降格後npm run serve🤟 野生Vue 2.6台でsass-loader 11台を使用するとエラーが発生します.
sass-loaderをnode-ssassと互換性のあるバージョンに降格します.

最後のエラー

寝たいなぁ

Error: Cannot find module 'cache-loader'

package-lock.甘霖のような情報は、jsonを削除してプロジェクトを実行すればいいと信じています...
package-lock.jsonは私にとって重要ではありません.せめて今は...
ブログ

最後のエラー2

モジュールがないと言っています.インストールします.npm install cache-loader -Dはい.

小さな情報!

の一般的なnpm install {moduleName}メソッド、-Pオプションのように.
package.jsonに依存項目を書き込みます.

npm install {moduleName}

npm install {moduleName} --save-devpackage.jsonにdev-dependencesを書き込みます.
必要なモジュールをダウンロードするには、開発時にのみ使用します.

// -D == --save-dev
npm install {moduleName} -D

npm install {moduleName} -Opackage.jsonにoptionalDependenciesを書き込みます.
場合によっては使用されるモジュールのみをダウンロードするために使用します.
(ダウンロード用であり、--no-saveは記録されていない.)

Solution

まずバードキットです...依然として抽象的にこれらの問題に対処する傾向がある.
盲目的に眉をひそめて解決したいが、本当に直す必要があるという考えがある.
エラーが発生しても読めない場合は、キーになる単語を見つけてください.
グーグルなら普通に出てくる
脳容量も小さいので、いつも暗記しないで、メモしておきましょう.
分かりやすい間違いが簡潔な文で現れると、감사합니다.とにかく...

nodejsバージョンのアップグレードに伴い、以前のバージョンで生成されたプロジェクトパッケージのモジュールバージョンと互換性がありません.

パズル

バージョンの時、もう少しで山に着くところだったが、やがてパズルになった.

npmのウェブサイトでは、親切に依存しているモジュールと互換性のあるバージョンを表で表すモジュールもありますが、そうではないモジュールもあります.