- 综合排序
- 最热优先
- 最新优先
- 来自专栏人生代码
webpack打包原理入门探究（六）less|sass-loader初探
sass-loader' }, { test: /\.less$/, loader: 'style-loader
1.1K20发布于 2020-06-11 - 来自专栏编程微刊
vue踩坑-Error: Cant resolve sass-loader in E:Element-UI-mastersrccomponents
/src/components/Map.vue Module not found: Error: Can't resolve 'sass-loader' in 'E:\Element-UI-master /src/main.js 报错的原因 不能解析sass-loader 解决办法： cnpm install sass-loader -D cnpm install node-sass -D ? 好了 完美解决Error: Can't resolve 'sass-loader' in 'E:\Element-UI-master\src\components'的问题了。
6.6K20发布于 2019-08-23 vue安装使用scss报错：Failed to resolve loader: sass-loader You may need to install it.
报错 Failed to resolve loader: sass-loader You may need to install it. ERROR in . /src/views/login/index.vue 5:0-77 Module not found: Error: Can't resolve 'sass-loader' in 'C:\Users\xuhui 需要安装 sass-loader 以及相关的依赖项来解决这个问题。 2.安装 sass-loader 和 node-sass 或 dart-sass 可以选择安装 node-sass 或 dart-sass。 使用 dart-sass： npm install -D sass-loader sass 使用 node-sass： npm install -D sass-loader node-sass 3.在项目中使用
1.2K10编辑于 2024-12-02- 来自专栏前端资源
uView UI框架Vue CLI空白项目运行报错：this.getOptions is not a function的解决方法
22:52:17 Failed to resolve loader: sass-loader =65df75f8&lang=scss&scoped=true& Syntax Error: TypeError: this.getOptions is not a function 我查了一下，是 sass-loader 版本的事： 安装完可以看到 package.json 里的 sass-loader 版本是 ^11 ： "sass-loader": "^11.0.1", 很多人说， sass-loader@11.0.0 修改 package.json 文件： "sass-loader": "^10.1.1", 最好是删除 node_modules 文件夹，然后执行 yarn 或者 npm i 重新安装依赖。 安装 uView 所需依赖 安装 node-sass 依赖： // 安装node-sass npm i node-sass -D // 安装sass-loader npm i sass-loader
1.2K30编辑于 2023-08-25 - 来自专栏前端技术分享|前沿资讯|读书分享
webpack实战——样式预处理
如果你两者都使用过，那么可以发现无论是安装还是配置，都是使用 sass-loader，而编写保存的文件后缀却是：.scss。 一般而言，我们使用它需要配置以下几个loader搭配使用： sass-loader css-loader style-loader node-sass 如上，样式预处理器的安装好理解，那么为什么要安装node-loader 因为loader本身只是编译核心库与Webpack的连接器，因此这里我们除了Sass-loader以外还需安装node-sass，node-sass才是真正用来编译SCSS的，而sass-loader只是起到黏合作用 1.2 安装 // 以下两种方式任选其一 npm install sass-loader node-sass css-loader style-loader // 或 yarn add sass-loader rules: [ { test: /\.scss$/, use: ['style-loader', 'css-loader', 'sass-loader
1.1K20发布于 2020-08-27 - 来自专栏移动端周边技术扩展
scss安装与使用教程
scss npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev / /安装sass-loader npm install style-loader --save-dev //安装style-loader 出现以下问题可能是版本错误 Modele build 处理方法 将 "sass-loader": "^8.0.0"，更换成了 "sass-loader": "^7.3.1" package.json中查找替换 npm install npm run
1.6K10发布于 2019-12-19 - 来自专栏前端真相
vue基础
vue-loader', options: { loaders: { // Since sass-loader sass-loader', 'sass': 'vue-style-loader!css-loader!sass-loader?
53230发布于 2019-02-21 - 来自专栏前端资源
uni-app项目改用vue-cli npm运行报错及问题总汇
下面是一些报错信息： 缺少 sass 加载组件： Failed to resolve loader: sass-loader You may need to install it. 解决方法：安装 sass-loader 依赖 npm 安装： npm i sass-loader --save-dev yarn 安装： yarn add sass-loader --save-dev /node_modules/sass-loader/dist/cjs.js): SassError: File to import not found or unreadable: ../..
5.7K10发布于 2020-10-26 - 来自专栏wfaceboss
(12/24) css进阶：sass文件的打包和分离
node-sass和sass-loader，（也可以使用cnpm安装） 因为sass-loader依赖于node-sass，所以需要先安装node-sass 1.1 node-sass npm install --save-dev node-sass 1.2 sass-loader npm install --save-dev sass-loader 注意：在用npm安装时，这个loader很容易安装失败， use: [{ loader: "css-loader" }, { loader: "sass-loader loader: "css-loader" }, { loader: "sass-loader
1.6K20发布于 2019-04-08 - 来自专栏小鑫の随笔
uni-app 安装 scss 引发的报错
/node_modules/sass-loader/dist/cjs.js): ValidationError: Invalid options object. } at validate (D:\Project\前端\小程序\memberShip\node_modules\sass-loader\node_modules\schema-utils\dist \validate.js:1 04:11) at Object.loader (D:\Project\前端\小程序\memberShip\node_modules\sass-loader\dist } 这里说选项有个未知属性 prependData 于是我去代码里全局搜索这个属性，果然发现了猫腻 这里可以看到 sass 版本高于 8 的时候，使用下面的配置 我安装 sass-loader 的时候没有指定版本 ，默认安装最新版，后来安装了版本 <8 的 sass-loader 就 ok 了 首发自：uni-app 安装 scss 引发的报错 - 小鑫の随笔
3.1K20编辑于 2022-04-26 - 来自专栏落花落雨不落叶
vue+sass 下sass不能运行问题
./~/.npminstall/sass-loader/4.0.0/sass-loader!./~/vue-loader/lib/selector.js?type=style&index=0!. center; font-size: 1em; clear: both; height: 4em;} </style> 我心想不应该啊，我依赖包都安装了，需要的依赖包是：node-sass ,sass-loader "less": "^2.7.1", "less-loader": "^2.2.3", "node-sass": "^3.7.0", "ora": "^0.2.0", "sass-loader
1.4K80发布于 2018-05-16 - 来自专栏前端资源
uView UI框架Vue CLI空白项目运行报错：this.getOptions is not a function的解决方法
22:52:17 Failed to resolve loader: sass-loader =65df75f8&lang=scss&scoped=true& Syntax Error: TypeError: this.getOptions is not a function 我查了一下，是 sass-loader 版本的事： 安装完可以看到 package.json 里的 sass-loader 版本是 ^11 ： "sass-loader": "^11.0.1", 很多人说， [email protected 修改 package.json 文件： "sass-loader": "^10.1.1", 最好是删除 node_modules 文件夹，然后执行 yarn 或者 npm i 重新安装依赖。 安装 uView 所需依赖 安装 node-sass 依赖： // 安装node-sass npm i node-sass -D // 安装sass-loader npm i sass-loader
3.3K30发布于 2021-04-25 - 来自专栏忽如寄的前端周刊
Webpack系列——Webpack + xxx配合使用
'babel-loader' ] }] } }; module.exports = config; Webpack + Sass 在Webpack中对Sass进行编译需要使用sass-loader ，而sass-loader依赖于node-sass和webpack，因此需要安装 npm i node-sass sass-loader webpack -D 由于sass没有提供重写url的功能，因此所有的链接资源都是相对于输出文件 , use: [ 'style-loader', 'css-loader', 'resolve-url-loader', 'sass-loader
89320发布于 2019-07-24 - 来自专栏编程微刊
Syntax Error: Error: Cannot find module ‘node-sass‘
main.sass Syntax Error: Error: Cannot find module 'node-sass' Require stack: - D:\vuetify-app\node_modules\sass-loader \dist\getDefaultSassImplementation.js - D:\vuetify-app\node_modules\sass-loader\dist\getSassImplementation.js - D:\vuetify-app\node_modules\sass-loader\dist\index.js - D:\vuetify-app\node_modules\sass-loader\dist
39900编辑于 2025-05-19 - 来自专栏陶士涵的菜地
前端vue2下使用media query 媒体查询报错问题
在前端vue2项目下，如果直接像普通css那样使用meidia query，是不起作用的 需要安装sass和sass-loader 在package.json中指定一下依赖，一定要注意版本，经过我的测试我现在这个版本是不报错的 ，其他的新版本是各种报错 "sass": "^1.56.0", "sass-loader": "^7.3.1", { "name": "default", "version": axios": "^1.1.3", "core-js": "^2.6.5", "element-ui": "^2.15.10", "sass": "^1.56.0", "sass-loader
87720编辑于 2022-11-16 - 来自专栏加菲的博客
【One by one系列】一步步学习webpack打包
npm install sass-loader node-sass -D npm install style-loader css-loader --save-dev //webpack.config.js rules:[{ test:/\.scss$/, use:[ "style-loader", "css-loader", "sass-loader MiniCssExtractPlugin.loader, "css-loader", "sass-loader { test:/\.scss$/, use:[ MinCssExtractPlugin.loader, "css-loader", "sass-loader ", "mini-css-extract-plugin": "^0.9.0", "node-sass": "^4.13.1", "sass": "^1.25.0", "sass-loader
65120编辑于 2022-06-23 - 来自专栏YuanXin
六：处理SCSS
下图展示了这次的目录代码结构： 这次我们需要用到node-sass，sass-loader等 LOADER，package.json如下： { "devDependencies": { 1.0.0", "extract-text-webpack-plugin": "^4.0.0-beta.0", "node-sass": "^4.9.2", "sass-loader 将 CSS 转化成 CommonJS 模块 }, { loader: "sass-loader 所以，首先应该利用sass-loader将 scss 编译为 css，剩下的配置和处理 css 文件相同。 3.
1.1K40发布于 2020-04-20 - 来自专栏大数据学习笔记
找不到node_modules/node-sass/vendor目标的解决办法
at getDefaultSassImpl (/app/admin/node_modules/sass-loader at Object.loader (/app/admin/node_modules/sass-loader /node_modules/sass-loader/dist/cjs.js?{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js? at Object.loader (/app/admin/node_modules/sass-loader /node_modules/sass-loader/dist/cjs.js?{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?
5.3K20发布于 2021-05-24 - 来自专栏编程微刊
vue-loader是什么？使用它的用途有哪些
以 Sass 为例，执行以下命令安装所需的依赖： # 使用 npm npm install vue-loader sass sass-loader --save-dev # 使用 yarn yarn add vue-loader sass sass-loader --dev 这里安装了 vue-loader、sass 和 sass-loader。 test: /\.scss$/, use: [ 'vue-style-loader', 'css-loader', 'sass-loader } }; 在上述示例中，设置了对 .vue 文件使用 vue-loader 进行处理，并添加了对 .scss 文件的处理规则，使用了 vue-style-loader、css-loader 和 sass-loader
1.3K20编辑于 2023-09-30 - 来自专栏雪胖纸的玩蛇日常
8.使用scss，创建组件，scoped局部作用域
1.使用scss scss是能让css从属关系看起来更加直观 在项目目录下运行安装命令： cnpm install node-sass --save-dev cnpm install sass-loader sass-loader的版本过高导致的编译错误，当前最高版本是8.x，需要退回到7.3.1运行 cnpm uninstall sass-loader（卸载当前版本） cnpm install sass-loader
1.4K30发布于 2019-10-01
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号