Node-SASS安装 scss

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

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
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\node_modules\browser-sync\node_modules\portsc
anner-plus\lib\index.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\node_modules\browser-sync\lib\utils.js:6:19)

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

转载于:https://www.cnblogs.com/lizhao123/p/9464346.html

Node-SASS安装 scss相关推荐

HBuilderX 安装 scss/sass编译插件报错 binding.node 解决方案windows版
HBuilderX 安装 scss/sass编译插件报错 binding.node 解决方案windows版官方给出的解决方案让我们在命令行执行下面三行代码 [0;31m--> LibSa ...
细数sass安装中遇到的坑
前言: 前两天打算清理电脑的时候,遇到了一点特殊的问题,打算重装一些东西,其中就有我一直用的顺手的SASS预编译工具. 但是在重装的时候,我发现我居然不会用了??? 靠,要不是我用了半年的Sass,我 ...
关于sass（scss）、less、postcss、stylus等的用法与区别
一. Sass/Scss.Less.stylus是什么? 它们都是css预处理器.css预处理器的概念:CSS预处理器用一种专门的编程语言,进行Web页面样式设计,然后再编译成正常的CSS文件,以供项 ...
Node Sass version 6.0.0 is incompatible with ^4.0.0.
你看到这里了? node-sass已经弃用了,现在它已经被dart-sass所替代,dart-sass的安装更加稳定,去试试它吧. 项目场景: 使用scss文件配置Vue页面控件的样式. 问题描述: ...
sass、scss、less区别
Sass (Syntactically Awesome StyleSheets),后缀名为.sass,是由ruby语言编写的一款css预处理语言 SCSS (Sassy CSS),后缀名为 .scss ...
vue 安装 scss
安装scss (安装sass-loader node-sass 前者依赖于后者) sass-loader:把 sass编译成css node-sass:nodejs环境中将sass转css npm i ...
Sass、SCSS、less
定义 CSS 指层叠样式表 (Cascading Style Sheets). Sass (Syntactically Awesome StyleSheets),后缀名为.sass,是由ruby语言编 ...
Vue 应用 Sass、Scss、Less 和 Stylus
Vue项目中应用预处理器,可以有效减少css代码量, 推荐使用Sass.Scss.Less预处理器.在创建项目的时候可以选择预处理器 (Sass/Less/Stylus). 如果当时没有选择,内置的 ...
webstorm和intellij idea下如何自动编译sass和scss文件
前言学过css的人都知道,css他不是一个编程语言.虽然你可以用css去写网页样式,但是你却没法使用它进行编程.所以有一句话来描述css我个人觉得再合适不过了,"CSS基本上是设计师的工具 ...
SASS 和 SCSS 的区别
原文 Difference Between SASS and SCSS SASS(Syntactically Awesome Style Sheets)是一种由 Hampton Catlin 设计.C ...

Node-SASS安装 scss

Node-SASS安装 scss相关推荐

最新文章

热门文章