美文网首页
iView-cli生成的项目sass安装错误的解决方法

iView-cli生成的项目sass安装错误的解决方法

作者: iimT | 来源:发表于2018-03-19 21:01 被阅读169次
    codeing till die

    iimT博客原文链接

    在使用iView组建库的时候,想顺便学一下sass,就在iView-cli生成项目的时候勾选了sass,没想到这带来了将近一小时的debug工作。/哭

    iView

    在勾选了这个之后,npm isntall安装依赖的时候报错。

    npm WARN sass-loader@4.1.1 requires a peer of webpack@^2 || ^2.2.0-rc.0 || ^2.1.0-beta || ^1.12.6 but none is installed. You must install peer dependencies yourself.
    

    于是上网查,有用cnpm的,有sass-loader node-sass一起装的,还有安装Ruby的。
    过了一会重新看这个错误信息,忽然感觉是webpack的问题,回去package.json一看webpack是3.0的。
    于是百度webpack3.0 sass,找到一个人说把webpack的版本号改低,但是不想用webpack2,于是逆向思维,看一下最新版本的sass是多少
    运行

    npm install sass-loader@latest
    

    发现装了6.0.7的,这差了这么多版本肯定支持webpack 3.0了吧。

    npm install node-sass@latest
    

    然后重新npm run dev,进浏览器发现sass有作用了。

    至此,此次debug完成。
    观察到网上没有好的错误解决方案,写出解决方案分享一下。

    写在最后

    我是iimT, 一个固执的技术直男。

    我的微博 : @_iimT

    我的微信公众号 : iimT   个人博客: www.iimt.me

    相关文章

      网友评论

          本文标题:iView-cli生成的项目sass安装错误的解决方法

          本文链接:https://www.haomeiwen.com/subject/tqhmqftx.html