vue-cli3创建时选node-sass报错问题解决

最新推荐文章于 2024-05-06 18:56:26 发布
最新推荐文章于 2024-05-06 18:56:26 发布
阅读量1.7k 收藏 1
点赞数 4
分类专栏： Vue 文章标签： node-sass报错解决 yarn安装问题 vue-cli3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44216510/article/details/103413635
版权

因为:
vue-cli3.0默认使用yarn包管理工具而不是原来的npm

yarn中node-sass，如果你不翻墙，默认下载极大可能会失败

解决方案

配置下 node-sass 的二进制包镜像地址
打开命令行 ， 输入

	yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

这样使用yarn下载node-sass时就不会 卡住 报错 安装失败了
此方法不止解决vue-cli3安装node-sass报错
解决的是使用yarn包管理工具安装node-sass报错问题

  • 问题解决
Mr.温m_
关注
专栏目录
详解vue-cli中配置sass
12-07
npm install sass-loader --save-dev 二、打开webpack.base.config.js在loaders里面加上 rules: [ { test: /\.vue$/, loader: 'vue-loader', options: vueLoaderConfig }, { test: /\.js$/, loader: '...
详解vue-cli 构建项目 vue-cli请求后台接口 vue-cli使用axios、sass、swiper
08-27
Vue CLI 是一个基于 Vue.js 的命令行工具，用于快速搭建 Vue 项目。它简化了项目的配置，提供了预设（preset）来快速初始化项目。在本文中，我们将详细讲解如何使用 Vue CLI 构建项目，以及如何在项目中使用 axios、...
在 vue-cli v3.0 中使用 SCSS/SASS的方法
08-27
关于如何在 vue-cli v3.0 中使用 SCSS/SASS，这里提供三种方案。感兴趣的朋友通过本文一起学习吧
Vue项目node-sass总报错
weixin_51295096的博客
02-18 578
年前给自己的node更新了最新的16+版本，年后利用vue-li脚手架创建Vue项目并且使用Sass作为预处理工具，发现总是报错。 找了好久是因为 node 版本太高，中间还装了 windows nvm，但是发现并不好用。最后又装回了 V14.17.5。 折腾了一晚上实在是太坑了，以后可算是记住了，node 不要轻易用 高版本。windows上的nvm贼难用。。。。 ...
vue3.0安装node-sass与sass-loader
qq_26069551的博客
03-13 1639
package.json添加配置 "node-sass": "^5.0.0", "sass-loader": "^10.1.1", "vue-loader-v16": "^16.0.0-beta.5.4" cnpm i 更新依赖 cnpm i 解决报错 peerDependencies WARNING sass-loader@^10.1.1 requires a peer of sass@^1.3.0 but none was installed peerDepe.
Vue项目中，Cannot find module ‘node-sass‘ 报错找不到解决方法！！！！！
男人要霸气的博客
07-14 1637
Vue启动项目，找不到Cannot find module ‘node-sass’ 模块！！！(解决方法)。 问题点：刚开始启动项目 npm run serve 启动项目报错“Cannot find module ‘node-sass’ “， 报了5个错误，搞了一上午，原来是网络的原因导致下载安装的no-model报的缺失，导致了项目的不完整，所以导致不能重启； 运行命令：cnpm install node-sass@latest 即可解决，（ 网络差的同学可以选择重新下载no-modules ...
从git上新拉下来的vue项目，没有node_modules依赖，npm install报错，node-sass报错
Ann_52547的博客
12-20 2597
从git上新拉下来的vue项目，没有node_modules依赖，npm install报错，node-sass报错
详解在vue-cli项目中安装node-sass
12-01
3，可以通过淘宝的npm镜像安装node-sass，解决以上问题。 npm install -g cnpm --registry=https://registry.npm.taobao.org （安装淘宝镜像） cnpm install node-sass --save （使用淘宝镜像安装node-sass）
在vue-cli创建的项目中使用sass操作
10-14
在这种情况下，你可以通过在`package.json`文件中指定`sass-loader`的较低版本，例如`"sass-loader": "^7.3.1"`，然后删除`node_modules`目录并重新运行安装命令以解决问题。 在Vue CLI项目中，你可以在单个组件的`...
Vue3中使用Sass详解
最新发布
2301_79099480的博客
05-06 954
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
vue3.0使用sass入门教程
Web编程少女
04-22 1644
vue3.0使用sass步骤 1、使用npm安装sass包 使用npm 安装 node-sass，sass-loader，安装使用–save-dev，在开发环境使用即可，安装具体版本如下： "node-sass": "^4.14.1", "sass-loader": "^9.0.3" 2、新建scss文件 scss代码片段如下： _variables.scss // colors $colors: ( "primary": #00E5FF, "purple": #9e6fef, "light
vue ui 下新建工程时，node-sass下载不了的问题的一种可行方案
吟游诗人——吟唱生命的不朽
01-15 485
虽然有一个UI，比起命令行自然是更让人神清气爽，但是既然这个node-sass的服务器这般不稳定，那么自然只能用国内淘宝的代理了，但是呢，如果用UI自己创建的工程，笔者目前尚未寻得修改其npm为cnpm的方法，故而还是使用命令行吧。 总的来说，有下面几个步骤： 1、搞定cnpm（请自行百度） 2、进入需要创建工程的目录下面，输入 vue init webpack 项目名 3、按照需求选择一些选项...
vuecli项目 npm安装node-sass失败踩坑
weixin_43926290的博客
07-25 372
node-sass
vue-cli 3.0 配置sass/scss全局变量
yun_hou的博客
05-23 6536
1、scss文件 //variables.scss $background-color : #4c94f1; 2、配置loader //vue.config.js module.exports = { //配置全局样式变量 css: { loaderOptions: { sass: { data: `@import "@/assets/style/common/v...
Vue3使用Sass完全教程
哆啦A瑶的博客
03-05 4710
sass是css的预处理器，扩展了css语言，提供了规则、变量、混入、选择器、继承、内置函数等特性，有助于减少CSS重复的代码，节省开发时间。为了在Vue中使用sass需要安装sass-loader和sass的依赖环境node-sass和sass。直接执行下面的语句安装就行了： npm install -D node-sass sass sass-loader 如果发现报错了Syntax Error: TypeError: this.getOptions is not a function，是由于包的版本
Vue3安装最新版sass-loader node-sass报错解决方法
QC班长的博客
01-18 3728
最近在升级前端项目框架，之前的前端框架是Vue2.0构建的，最近打算全部都升级到最新版的，nodejs升级到了目前最新版v16.13.2，Vue ^3.0.0，VueCLI~4.5.0，然后在升级SASS预处理器时执行安装命令报错了 执行vue-loder官网的安装命令npm install -D sass-loader node-sass报错如下： 大概意思是依赖包冲突了，VueCLI4版本用的webpack版本依赖和sass-loader用的webpack依赖冲突，需要更新依赖或者降
初学者随记09：vue项目中引入node-sass，启动总报错找不到node-sass
ChenMoJie_的博客
08-12 544
vue项目启动报错node-sass包
vue-cli3.0新建项目，卡在node-sass后创建失败
光
09-03 3457
表现： vue create时，若在依赖中勾选了 CSS Pre-processors SCSS/SASS，，之后下载依赖时会卡在node-sass...一段时间后报错创建失败 原因： vue-cli3.0默认使用yarn包管理工具而不是原来的npm，而由于众所周知的原因，yarn中node-sass，如果你不翻墙，默认下载极大可能会失败 解决方法 配置下 node-sass 的二进...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Mr.温m_

如果喜欢可以支持打赏小哥！！！

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值