报错信息:

npm WARN sass-loader@8.0.0 requires a peer of webpack@^4.36.0 but none is installed. You must install peer dependencies yourself.
npm WARN sass-loader@8.0.0 requires a peer of sass@^1.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN sass-loader@8.0.0 requires a peer of fibers@>= 3.1.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

从报错来看,应该是loader的问题,然后就删除重装sass-loader,node-sass,来来回回不下5次,还是报同样的错误,甚至怀疑是不是webpack.dev.config.js中没有配置好?一步步检查,也没有发现问题。

npm install node-sass --save-dev //安装node-sass
npm install sass-loader --save-dev //安装sass-loader
npm install style-loader --save-dev //安装style-loader

最后换git bash 来重新执行了一边npm install 代码,这个时候发现了问题…… ,由于之前我都是直接在vsCode中直接新建终端来执行shell脚本的,界面比较小,所以没有显示完整的日志,这次终于发现了蹊跷。

这是因为当前sass的版本太高,webpack编译时出现了错误,这个时候只需要换成低版本的就行,下面说一下修改方法,很简单,如下,找到package.json文件,里面的 "sass-loader"的版本更换掉 就行了。

我本地是将 "sass-loader": "^8.0.0",更换成了 "sass-loader": "^7.3.1"。

卸载当前版本sass-loader命令:npm uninstall sass-loader

安装低版本的sass-loader命令:npm install sass-loader@7.3.1 --save-dev

最新文章

  1. oracle触发器与数据导入导出的简单使用
  2. border家族
  3. 【bzoj3211】花神游历各国
  4. myeclipse的快捷键和myeclipse快捷键设置
  5. Dapper使用
  6. solr基于tomcat增加主界面登录权限
  7. 图的遍历(bfs 和dfs)
  8. jquery 鼠标右键事件、左键单击事件判定
  9. ctags使用说明详解
  10. 浅谈Android数据库DBFlow
  11. asp.net core系列 57 IS4 使用混合流(OIDC+OAuth2.0)添加API访问
  12. 常见的js dom操作
  13. Codeforces 781C Underground Lab 构造
  14. JavaScript学习笔记(四)——DOM
  15. Django之ORM其他骚操作
  16. nagios监控3306端口
  17. python3 快速排序
  18. git基础(2)
  19. vim文本编辑工具—修改文件内容
  20. TOJ 1023 Taxi Cab Scheme

热门文章

  1. vue.js 导出JSON
  2. mybatis源码分析之06二级缓存
  3. Fail-Fast 机制
  4. [CSP-S模拟测试]:旅行(数学+线段树)
  5. servlet3.0 异步处理
  6. 6105 - deauth after EAPOL key exchange sequence
  7. PHP 常用自定义函数
  8. stl源码为什么要大量使用typedef?
  9. servlet-获取web.xml配置的init-param参数
  10. bootstrap知识点