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

最新推荐文章于 2023-09-29 00:12:50 发布
最新推荐文章于 2023-09-29 00:12:50 发布
阅读量813 收藏 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项目启动有关sass与sass loader处理
代码青春
02-24 717
场景一： scss文件中使用深度选择器/deep/报错 Expected selector 记得sass中使用/deep/没问题，但是在scss中使用/deep/报错了。 找到vue官网关于深度选择器是这样说的： 有些像 Sass 之类的预处理器无法正确解析 >>>。这种情况下你可以使用 /deep/ 或 ::v-deep 操作符取而代之——两者都是 >>> 的别名，同样可以正常工作。 于是用 ::v-deep 就可以了 https://blog..
vue 3.x - 安装scss/sass
weixin_40721081的博客
07-20 721
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 1554
sass、sass-loader下载
node-sass和sass-loader下载.zip
02-18
直接下载node-sass和sass-loader下载，然后拷贝到node-modules下即可，再次npm install就不会报错了
sass-loader下载不了的解决办法，手动下载
E的小小地方
08-19 2420
先下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 408
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 483
在做vue3项目时下载sass-loader后代码就跑不起来了， 输入npm run serve后: 就这样了。 网上查了半天也没解决掉，最后是重新创建的vue项目。 在用vue-cli创建项目时可以用直接选择css预处理器 重新创建选择sass 然后新建的项目是好使的， 就离谱… ...
sass相关依赖包，方便不便于下载sass的同学
05-04
sass相关依赖包，下载之后，直接放在node_modules中即可使用，主要为了解决sass依赖包下载失败的问题
解决vue项目打包之后 加载速度过慢的问题
Zfy_bubble的博客
11-03 3087
解决vue项目打包之后 加载速度过慢的问题 加载速度过慢有几种解决方法 废话不多说直接上代码 其实就是把vendor搞小一点而已(说的通俗易懂点)，当然不排除其他情况。 1.router 按需加载 const Login = () =>import('你的路径') //引用 { path: '/login', component:Login, ...
前端开源库-fast-sass-loader-china
08-30
前端开源库-fast-sass-loader-chinaFast Sass Loader China，用于Webpack的Fast Sass Loader
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 1967
近日研究了一下公司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 5597
此处是原生webpack使用方式，rules的loader一定注意是sass而使用的时候是test:/.scss$/这俩区别个人认为sass更加激进去掉了{}改为缩进所以大多数人是使用的是.scss。vue中如果您使用的是cli脚手架那么在创建初期系统会询问你是否使用sass勾选后，可以直接在style标签里面加入lang="scss"就能使用了。注:正式使用sass需要一定的webpack基础，建议新手先去看看webpack的使用。没有使用脚手架的话，vue使用需要完成三部分。
Vue 项目 使用 lang=“scss“ 已经有了 sass-loader 依赖 还是报错
言小溪 的博客
10-07 689
原因可能是 sass-loader 版本太高的原因： 安装7.3.1版本，即可解决问题 cnpm install sass-loader@7.3.1 --save-dev
vue首次加载过慢的优化
by_side_with_sun的博客
08-11 391
1.取消map文件 去掉编译文件中map文件。在编译好后，我们会看到文件夹下有特别多的.map文件，这些文件主要是帮助我们线上调试代码，查看样式。所以为了避免部署包过大，通常都不生成这些文件。 在config/index.js文件中将productionSourceMap的值设置为false. 再次打包就可以看到项目文件中已经没有map文件 2.路由懒加载 之前是先导入，通过import 这次加入懒加载，懒加载就不要事先导入了 3.使用cdn，将vue的导入包全部设置为cdn，可...
关于vue中sass和less依赖的下载
最新发布
weixin_48058910的博客
09-29 1276
sass需要俩个依赖，如果是默认npm i node-sass -D 和npm i sass-loader -D的命令去下载则会默认下载最新的版本。这样基本都会出现版本不一致的问题而报错，所以下载的时候要指定对应版本// 卸载命令// 安装这里有具体对应的版本号。
解决npm安装node-sass太慢及编译错误问题
weixin_43294092的博客
06-27 452
解决npm安装node-sass太慢及编译错误问题 最近vue项目使用sass，所以需要sass-loader，sass-loader依赖node-sass，还需安装node-sass，但是安装node-sass又太慢了。 切换国内镜像 $ npm install -g mirror-config-china --registry=http://registry.npm.taobao.org 安装sass-loader、node-sass（-D 是 --save-dev 的简写） $ npm instal
vuecli4.0中下载sass报错解决
weixin_45449046的博客
11-25 382
一、使用sass/scss工具，安装依赖 1、安装依赖 如果是 常规 的，执行 npm install style-loader css-loader style-loader --save-dev 安装依赖就行。 如果是 less 的，执行 npm install less less-loader --save-dev 安装依赖就行。 如果是 sass 的，执行 npm install sass sass-loader --save-dev 安装依赖就行。 如果都用，可以全部安装，但是在安装sass要注意
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"。要解决这个问题，你可以尝试以下步骤： 1. 确保你已经正确引入了uview-ui组件，并且按照官方文档的要求进行了配置。 2. 检查你的项目中是否已经安装了Sass相关的依赖。可以通过运行`npm install sass-loader node-sass`来安装这些依赖。 3. 确保在你的项目中正确配置了Sass的loader。可以在项目的webpack配置文件或vue.config.js文件中添加相应的配置，确保Sass能够正确加载和解析。 4. 检查一下uview-ui版本和你当前项目的版本是否兼容。有时候不同版本之间的变量命名可能会有所不同，需要进行相应的调整。 5. 如果以上步骤都没有解决问题，可以尝试手动定义变量"$u-type-primary"并给它赋值。你可以在项目中的Sass文件或者全局样式文件中添加以下代码： ```scss $u-type-primary: #xxxxxx; // 替换为你想要的颜色值，如"#333333" ``` 替换"#xxxxxx"为你想要的颜色值。然后重新编译项目，看看是否解决了问题。 如果问题仍然存在，建议查看uview-ui的官方文档或在相关社区寻求帮助，以获取更详细的解决方案。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值