用npm安装css-loader和style-loader出错_node18 css-loader-CSDN博客

本文链接：https://blog.csdn.net/CodAlun/article/details/109745194

错误显示

npm WARN package.json aiunmall-fe@1.0.0 No README data
npm WARN engine style-loader@2.0.0: wanted: {"node":">= 10.13.0"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN engine css-loader@5.2.0: wanted: {"node":">= 10.13.0"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN peerDependencies The peer dependency webpack@^4.0.0 || ^5.0.0 included from style-loader will no
npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency
npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly.
npm WARN peerDependencies The peer dependency webpack@^4.27.0 || ^5.0.0 included from css-loader will no
npm WARN peerDependencies longer be automatically installed to fulfill the peerDependency
npm WARN peerDependencies in npm 3+. Your application will need to depend on it explicitly.
npm WARN engine schema-utils@3.0.0: wanted: {"node":">= 10.13.0"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN engine loader-utils@2.0.0: wanted: {"node":">=8.9.0"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN engine json5@2.2.0: wanted: {"node":">=6"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN engine schema-utils@3.0.0: wanted: {"node":">= 10.13.0"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN engine postcss-modules-values@4.0.0: wanted: {"node":"^10 || ^12 || >= 14"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN engine loader-utils@2.0.0: wanted: {"node":">=8.9.0"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN engine postcss-modules-local-by-default@4.0.0: wanted: {"node":"^10 || ^12 || >= 14"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN engine postcss-modules-scope@3.0.0: wanted: {"node":"^10 || ^12 || >= 14"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN engine postcss-modules-extract-imports@3.0.0: wanted: {"node":"^10 || ^12 || >= 14"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN engine camelcase@6.2.0: wanted: {"node":">=10"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN engine icss-utils@5.1.0: wanted: {"node":"^10 || ^12 || >= 14"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN engine semver@7.3.5: wanted: {"node":">=10"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN engine postcss@8.2.9: wanted: {"node":"^10 || ^12 || >=14"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN engine json5@2.2.0: wanted: {"node":">=6"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN engine punycode@2.1.1: wanted: {"node":">=6"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN engine lru-cache@6.0.0: wanted: {"node":">=10"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN engine nanoid@3.1.22: wanted: {"node":"^10 || ^12 || ^13.7 || ^14 || >=15.0.1"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm WARN engine punycode@2.1.1: wanted: {"node":">=6"} (current: {"node":"4.4.7","npm":"2.15.8"})
npm ERR! Windows_NT 10.0.18363
npm ERR! argv "D:\\LearnSoftware\\Node\\node.exe" "D:\\LearnSoftware\\Node\\node_modules\\npm\\bin\\npm-cli.js" "install" "css-loader" "style-loader" "--save-dev"
npm ERR! node v4.4.7
npm ERR! npm  v2.15.8
npm ERR! code EPEERINVALID

npm ERR! peerinvalid The package webpack@1.15.0 does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer style-loader@2.0.0 wants webpack@^4.0.0 || ^5.0.0
npm ERR! peerinvalid Peer css-loader@5.2.0 wants webpack@^4.27.0 || ^5.0.0

npm ERR! Please include the following file with any support request:
npm ERR!     F:\FrontEnd\Project\aiunmall-fe\npm-debug.log

出现这种错误是因为版本不兼容的问题，有两种解决方案：
方案一：提高node、npm、webpack的版本
我使用的"node":是4.4.7",“npm"是"2.15.8"webpack是“1.15.0”，根据错误信息提示是我当前使用的版本太低，要求最低node”:">=8.9.0，所以我又从新安装了"node":是10.24.1","npm"是"6.14.12"webpack是“5.31.0”,然后从新安装css-loader和style-loader
在这里插入图片描述
查看package.json文件

显示两个loader已经安装成功！！
方案二：降低css-loader和style-loader的版本
**注意：**必须要先安装css-loader再安装style-loader，否则无论你安装那个版本的style-loader都会报这样的错误

npm ERR! Windows_NT 10.0.19042
npm ERR! argv "D:\\LearnSoftware\\nodejs\\node.exe" "D:\\LearnSoftware\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "style-loader@0.9.0" "--save-dev"
npm ERR! node v4.4.7
npm ERR! npm  v2.15.8
npm ERR! code EPEERINVALID

npm ERR! peerinvalid The package webpack@1.15.0 does not satisfy its siblings' peerDependencies requirements!
npm ERR! peerinvalid Peer css-loader@1.0.0 wants webpack@^4.0.0

npm ERR! Please include the following file with any support request:
npm ERR!     F:\FrontEnd\CampusMall-fe\npm-debug.log