zoukankan      html  css  js  c++  java
  • Node-SASS安装 scss

    今天第一次用vue-cli 构建一个项目时, 前期一直很正常, 在编写了sass 时就报错了,  错误如下

    1. This dependency was not found:
      * !!vue-style-loader!css-loader?{"sourceMap":false}!../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-211ec51b","scoped":true,"hasInlineConfig":false}!sass-loader?{"sourceMap":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=1!./index.vue in ./src/views/login/index.vue 
    2. To install it, you can run: npm install --save !!vue-style-loader!css-loader?{"sourceMap":false}!../../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-211ec51b","scoped":true,"hasInlineConfig":false}!sass-loader?{"sourceMap":false}!../../../node_modules/vue-loader/lib/selector?type=styles&index=1!./index.vue

     这个错其实很简单, 明眼一看就知道是vue-style-loader!css-loader,  哼哼,很简单啦 网上一搜应该到处都是解决方案 ,结果不出意料,找了一个拿下来如下

     npm install stylus-loader css-loader style-loader --save-dev                          答案是   不行

    然后如下

    还是不行

    但是我已经安装了sass编译的依赖,依然无法解决错误。

    最后  
    再次重装  代码如下

     
    npm i node-sass -D
    npm i sass-loader -D


    成功解决

    运行 npm run dev     OK

    如果你还出现

    Error: Cannot find module 'lodash'
        at Function.Module._resolveFilename (module.js:338:15)
        at Function.Module._load (module.js:280:25)
        at Module.require (module.js:364:17)
        at require (module.js:380:17)
        at Object.<anonymous> (C:gwsk
    ode_modulesrowser-sync
    ode_modulesportsc
    anner-pluslibindex.js:3:9)
        at Module._compile (module.js:456:26)
        at Object.Module._extensions..js (module.js:474:10)
        at Module.load (module.js:356:32)
        at Function.Module._load (module.js:312:12)
        at Module.require (module.js:364:17)
        at require (module.js:380:17)
        at Object.<anonymous> (C:gwsk
    ode_modulesrowser-synclibutils.js:6:19)

    则可以尝试删除node_modules文件夹并运行以下命令:cnpm install

  • 相关阅读:
    echarts柱状图实现多条不同颜色渐变
    vue echarts 点击左侧菜单,宽度无法自适应,且支持 窗口大小改变echarts图自适应
    element 单列查询
    js实现双向数据绑定,vue v-model原理
    css3 nth-child使用
    基于工程实践选题的对同类软件产品的调研分析
    深度优先搜索
    迷宫
    元组和字典
    列表
  • 原文地址:https://www.cnblogs.com/lizhao123/p/9464346.html
Copyright © 2011-2022 走看看