vue ui 无法下载sass-loader依赖的解决方案

最新推荐文章于 2023-01-08 16:06:09 发布
最新推荐文章于 2023-01-08 16:06:09 发布
阅读量814 收藏 1
点赞数
分类专栏： vue 文章标签： sass-loader vue ui sass
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43816375/article/details/103663402
版权

如果无法下载sass-loader，就直接在编译器的终端中，输入

cnpm install --save-dev sass-loader

cnpm install --save-dev node-sass

 

使用npm可能下载会很慢很卡，所以我用cnpm

在输入vue ui ，查看安装好的依赖中就已经有这两项啦。

而且和旧版的 vue cli相比，不需要在build文件夹里增加代码，就可以直接用啦。

 

一般下载不成功都是因为vue ui命令不是在cmd中以管理员身份打开导致的！

前端程序媛-Tian
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue 3.x - 安装scss/sass
weixin_40721081的博客
07-20 724
vue 3.x - 安装scss/sass 1.首先执行以下命令安装 style-resources-loader; vue add style-resources-loader 2.然后安装scss/sass,node-sass sass-loader sass 属于重要依赖，所以需-D而不是-S； npm install node-sass sass-loader sass -D 3.根路径下建立文件vue.config.js const path = require('path'); module
【sass】sass、sass-loader依赖包下载、卸载
最新发布
weixin_46368797的博客
08-03 1575
sass、sass-loader下载
node-sass和sass-loader下载.zip
02-18
直接下载node-sass和sass-loader下载，然后拷贝到node-modules下即可，再次npm install就不会报错了
sass-loader下载不了的解决办法，手动下载
E的小小地方
08-19 2421
先下sass-loader依赖： npm i sass-loader -D 先下node-sass依赖： npm i node-sass -D 大功告成！ 如果你怕你手动下载版本与团队开发版本冲突，可以指定版本 npm i node-sass@xxx -D xxx代表需要的版本 ...
node-sass无法下载导致构建失败时可使用如下命令下载
weixin_52199120的博客
01-08 409
node-sass无法下载导致构建失败时可使用如下命令下载
npm install下载项目依赖sass依赖下载不成功
weixin_57988035的博客
12-20 271
报错原因：node版本是10.15.0，sass依赖7.0版本下载不成功（最新版本依赖） 解决方案：下载符合当前node版本环境的sass依赖 npm uninstall node-sass ---卸载当前sass版本 npm install node-sass@4 -D ---4版本 ...
vue3下载sass-loader后代码跑不起来
weixin_48222682的博客
01-25 484
在做vue3项目时下载sass-loader后代码就跑不起来了， 输入npm run serve后: 就这样了。 网上查了半天也没解决掉，最后是重新创建的vue项目。 在用vue-cli创建项目时可以用直接选择css预处理器 重新创建选择sass 然后新建的项目是好使的， 就离谱… ...
2022-10-20 解决vue项目中不能使用scss的问题:sass-loader的安装
GAARA
10-20 2906
解决方法是:不要安装node-sass，安装sass就可以了 命令: npm uninstall sass-loader node-sass npm install sass-loader@8.0.2 sass@1.26.5 --save-dev
vue配置vue-router,element-ui、sass
qq_43615089的博客
03-15 461
一、vue配置vue-router,element-ui、sass 版本问题不容忽视！！！ vue创建：vue create 项目名 下载包： npm i element-ui npm install sass-loader -D npm install node-sass -D 在vue3中上面不用在配置。在vue2中还要配置element-ui使用： 在main.js中 import ElementUI from 'element-ui'; import 'element-ui/lib/theme.
解决sass-loader和node-sass版本冲突问题（太难了）
m0_67401935的博客
03-02 1092
太难了，两天没有学习了，这个问题卡了很久，差点就放弃了，今天终于解决了，继续学习Vue！ 报错信息1： ERROR Failed to compile with 6 errors 7:45:21 PM error in ./src/components/advanceDemo/toastCom.vue?vue&type=styl
sass相关依赖包，方便不便于下载sass的同学
05-04
sass相关依赖包，下载之后，直接放在node_modules中即可使用，主要为了解决sass依赖包下载失败的问题
前端开源库-fast-sass-loader-china
08-30
前端开源库-fast-sass-loader-chinaFast Sass Loader China，用于Webpack的Fast Sass Loader
Vue3中使用Sass详解
Ajekseg的博客
03-06 3073
如何在vue3中使用Sass？ 第一步：安装sass相关版本 这是使用的版本号，安装时自己选择的是npm作为包管理工具，自己可以去选择下载一下，在有的项目中可能安装后会报错，百度了一下基本都是版本问题，安装的时候需要注意一下安装版本，在package.json文件中可以查看到相关版本。安装方法举一个单例： 如： npm install sass-loader@7.0.3 如果是新建项目，也可以直接将下列代码全部复制到package.json中然后使用npm install命令安装相关包： 如果是以前项目，
Vue:运行项目时报错：Module not found: Error: Can't resolve 'sass-loader' in
weixin_44040486的博客
11-12 5537
报错内容： 原因：不能解析sass-loader 解决：在项目中引入 ↓ npm install sass-loader -D npm install node-sass -D tips：使用淘宝镜像会更快 cnpm install sass-loader -D cnpm install node-sass -D 引入完成后，即可成功运行项目。 ...
解决vue项目打包之后 加载速度过慢的问题
Zfy_bubble的博客
11-03 3093
解决vue项目打包之后 加载速度过慢的问题 加载速度过慢有几种解决方法 废话不多说直接上代码 其实就是把vendor搞小一点而已(说的通俗易懂点)，当然不排除其他情况。 1.router 按需加载 const Login = () =>import('你的路径') //引用 { path: '/login', component:Login, ...
vue项目启动有关sass与sass loader处理
代码青春
02-24 719
场景一： scss文件中使用深度选择器/deep/报错 Expected selector 记得sass中使用/deep/没问题，但是在scss中使用/deep/报错了。 找到vue官网关于深度选择器是这样说的： 有些像 Sass 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 或 ::v-deep 操作符取而代之——两者都是 >>> 的别名，同样可以正常工作。 于是用 ::v-deep 就可以了 https://blog..
vue安装 node-sass和sass-loader
鲨鱼亲吻小鹿的博客
04-19 2989
1.安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 2.使用cnpm时可能会报错cnpm : 无法加载文件 C:\Users\AppData\Roaming\npm\cnpm.ps1，因为在此系统上禁止运行脚本 左下角WINDOWS POWERSHELL管理员方式运行 -> set-ExecutionPolicy RemoteSigned 回车 -> 输入 Y 回车 3.回到vue控制台
Vue项目加载过慢优化研究
wangjie33589的博客
04-11 1971
近日研究了一下公司vue项目加载过慢问题,首次打开速度要15秒,经过研究,从两方面着手,最终使项目速度降到了3秒 一、通过过gzip加载 参考文章: 一、webpack优化之Gzip（vue） - 简书https://www.jianshu.com/p/fcfa1945db23 二、通过cdn加载降低vender.js的大小 参考文章: Vue 打包后 vendor.js 体积太大，解决加载速度慢问题(知不知道怎么把第三方插件,element,iview这些单独打包出来?) - 掘金在 Vue
vue下载sass方式
xi_yuanl的博客
11-16 5604
此处是原生webpack使用方式，rules的loader一定注意是sass而使用的时候是test:/.scss$/这俩区别个人认为sass更加激进去掉了{}改为缩进所以大多数人是使用的是.scss。vue中如果您使用的是cli脚手架那么在创建初期系统会询问你是否使用sass勾选后，可以直接在style标签里面加入lang="scss"就能使用了。注:正式使用sass需要一定的webpack基础，建议新手先去看看webpack的使用。没有使用脚手架的话，vue使用需要完成三部分。
0:12:54.816 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 10:12:54.821 SassError: Undefined variable: "$u-type-primary". 10:12:54.821 on line 206 of D:\ideaWorkSpace\ehl-wx\node_modules\uview-ui\components\u-badge\u-badge.vue 10:12:54.826 >> background-color: $u-type-primary; 10:12:54.833 --------------------^ 10:12:54.839 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 10:12:54.844 SassError: Undefined variable: "$u-type-primary". 10:12:54.849 on line 309 of D:\ideaWorkSpace\ehl-wx\node_modules\uview-ui\components\u-checkbox\u-checkbox.vue 10:12:54.856 >> background-color: $u-type-primary; 10:12:54.860 ---------------------^ 10:12:54.865 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 10:12:54.871 SassError: Undefined variable: "$u-type-primary". 10:12:54.876 on line 350 of D:\ideaWorkSpace\ehl-wx\node_modules\uview-ui\components\u-icon\u-icon.vue 10:12:54.880 >> color: $u-type-primary; 10:12:54.885 ----------^ 10:12:54.889 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 10:12:54.894 SassError: Undefined variable: "$u-type-primary". 10:12:54.894 on line 432 of D:\ideaWorkSpace\ehl-wx\node_modules\uview-ui\components\u-button\u-button.vue 10:12:54.900 >> border-color: $u-type-primary; 10:12:54.905 ----------------^ 10:12:54.909 Module build failed (from ./node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js): 10:12:54.914 SassError: Undefined variable: "$u-type-primary". 10:12:54.919 on line 721 of D:\ideaWorkSpace\ehl-wx\node_modules\uview-ui\components\u-picker\u-picker.vue 10:12:54.925 >> color: $u-type-primary;解决
07-14
这个错误是因为在编译uview-ui组件时，找不到对应的Sass变量"$u-type-primary"。要解决这个问题，你可以尝试以下步骤...如果问题仍然存在，建议查看uview-ui的官方文档或在相关社区寻求帮助，以获取更详细的解决方案。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值