vue-cli3.0新建项目，卡在node-sass后创建失败

最新推荐文章于 2024-04-29 11:26:42 发布
最新推荐文章于 2024-04-29 11:26:42 发布
阅读量3.4k 收藏 3
点赞数 1
分类专栏： 踩坑 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31393401/article/details/82345080
版权
vue 同时被 2 个专栏收录
23 篇文章 2 订阅
订阅专栏
踩坑
21 篇文章 1 订阅
订阅专栏

表现：

vue create时，若在依赖中勾选了 CSS Pre-processors SCSS/SASS，，之后下载依赖时会卡在node-sass...一段时间后报错创建失败

原因：

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
然后你就可以愉快地玩耍vue-cli3.0啦~

光就一个字
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
使用Vue-cli 3.0搭建Vue项目的方法
08-27
在开始搭建Vue项目之前，需要进行环境准备，包括安装Node.js、nrm、yarn、vue-cli 3.0等。 1.1. 安装Node.js 建议使用LTS版本的Node.js，以确保环境的稳定性。 1.2. 安装nrm nrm是Node.js的registry管理工具，...
vue-cli3.0配置及使用注意事项详解
01-21
这次给大家带来vue-cli3.0配置详解，使用vue-cli3.0配置的注意事项有哪些，下面就是实战案例，一起来看一下。 新建项目 # 安装 npm install -g @vue/cli # 新建项目 vue create my-project # 项目启动 npm run ...
vue-cli3：配置全局sass/scss（2022/04/08：additionalData）
smm的博客
04-18 1万+
vue-cli3：配置全局sass/scss（2022/04/08：additionalData）
Vue cli3 中全局引入scss文件
云间月
12-28 2422
写在前面近期把之前写的一个Vue老项目进行了一番重构，发现其中有许多重复使用的css样式代码，决定把重复使用的样式代码提取到公共的scss文件中，并全局使用，本来以为是一个比较简单的工作，但是在操作的过程中，还是碰到了不少问题。这里简单记录下，并分享给有需要的人，希望对大家有所帮助。方法 1步骤 1：根目录新建 vue.config.js 文件步骤 2：将下述代码添加到 vue.config.js 文件中module.exports = {  css: { &nbsp
小白学习Vue3之管理系统模板搭建（三）——node-sass安装及登录页面
最新发布
weixin_48160914的博客
04-29 771
node-sass安装
vue项目集成sass/scss
weixin_45031595的博客
08-17 1万+
vue-cli3提供了两种方式集成sass/scss 创建项目时选择预处理器sass 手动安装sass-loader 安装sass 方法一：创建vue项目时选择预处理器sass 使用vue-cli3创建vue项目 Vue CLI v4.5.15 ? Please pick a preset: Default ([Vue 2] babel, eslint) Default (Vue 3) ([Vue 3] babel, eslint) > Manually select features
vue-cli 3中dart-sass替换node-sass
黄彪博客
04-29 2168
文章目录一、问题描述1.1 nodejs12 升级 nodejs161.2 将node-sass改为 dart-sass二、dart-sass VS. node-sass2.1 node-sass2.1 将node-sass替换为dart-sass 一、问题描述 最近在学习Vue3，使用vue-cli4.x 创建的工程，在使用sass的时候，一直报错，提示API 不兼容。 1.1 nodejs12 升级 nodejs16 启动项目的时候，提示nodejs 版本过低，自己本机是nodejs12。 想着node
用vue脚手架搭建vue项目时，报错或卡在安装node-sass处
ddx2019的博客
02-25 1465
很长一段时间没有自己搭建过vue的项目了，这两天突然发现在使用 vue create my-demo这个命令，创建vue项目（手动选择）的时候报错了，卡在了node-sass的安装。 yarn安装vue-cli,搭建vue项目时，报错，node-sass装不上 ...
vue-cli3.0 脚手架搭建项目的过程详解
10-17
Vue CLI 3.0 是 Vue.js 官方提供的一个强大脚手架工具，它简化了 Vue.js 项目的初始化和构建过程。本篇文章将详细介绍如何使用 Vue CLI 3.0 来搭建一个新的 Vue 项目。 首先，你需要确保已经安装了 Node.js 和 npm...
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
10-17
以下是Vue CLI 3.0 在搭建项目时与3.0以下版本的主要区别： 1. **全局安装方式**： 在Vue CLI 3.0 中，全局安装的命令变为 `npm install -g @vue/cli`。如果之前已安装2.0版本，需要先卸载旧版本。创建项目时，Vue...
基于Vue-cli3.0的MongoDB全栈项目设计源码
04-07
本项目是一个基于Vue-cli3.0的MongoDB全栈项目，包含11598个文件，主要文件类型包括JavaScript脚本、TypeScript脚本、地图文件、JSON配置文件、Markdown文档、流程图、CSS样式表、Vue组件、SCSS样式表和YAML配置文件...
vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量
热门推荐
weixin_41786576的博客
11-05 1万+
你可以在创建项目的时候选择预处理器 (Sass/Less/Stylus)。如果当时没有选好，内置的 webpack 仍然会被预配置为可以完成所有的处理。你也可以手动安装相应的 webpack loader： # Sass npm install -D sass-loader node-sass # Less npm install -D less-loader less # Stylus np...
如何在vue-cli中添加sass支持
法研鲁迅的个人博客
12-07 2608
如何在 vue-cli 中添加 sass 支持
个人遇到vue-cli新建项目，卡在node-sass后创建失败 报错显示command failed: yarn
CLdemies的博客
07-09 1206
参考文章感谢独行侠_ef93大神分享，点此跳转原作者文章 表现： 创建时依赖中有勾选sass、scss，其他安装创建过程很顺利，唯独在创建node sass时会花费很长时间 报错表现： error C:\xxx\xxx\node_modules\node-sass: Command failed 最终报 错Error：command failed: yarn 原因： 引用原作者的解释：“vue-cli3.0默认使用yarn包管理工具而不是原来的npm，yarn中node-sass，如果你不翻墙，默
vue-cli3.0新建项目，卡在node-sass后创建失败如何解决？
weixin_33912453的博客
06-20 510
vue create 你的项目名CSS 选 node-sass时老是卡住，如何解决？因为:vue-cli3.0默认使用yarn包管理工具而不是原来的npm，而由于众所周知的原因，yarn中node-sass，如果你不翻墙，默认下载极大可能会失败解决办法：配置下 node-sass 的二进制包镜像地址就行了 命令行输入：yarn config set sass_binary_site http:/...
关于运行vue项目安装node-sass失败的问题
华小灼
06-05 3259
  最近在导入别人的vue项目，在我本地运行，然后总是提示"node-sass not found"，今天几天的摸索和参考，现在分享哈我的解决办法。node-sass 安装失败的原因无非就那两种，一种是镜像源的问题，一种是本地缓存的问题，而我的解决办法主要是通过在本地缓存来解决的，而在本地需要一个"binding.node"的文件   首先查询当前环境适合安装的binding.node文件 node -p "[process.platform, process.arch, process.versions
vue自我学习笔记——————vue-cli 生成的项目中使用sass
ysm19950927的博客
06-27 1869
如何在vue-cli 生成的项目中使用sass    1.首先下载npm i -D sass-loader style-loader css-loader node-sass    package.json的目录    2.找到项目中build 文件下的webpack.base.config.js          如下所示，添加{ test: /\.scss$/, loa...
vue-cli3创建时选node-sass报错问题解决
wwming的日记本
12-05 1762
因为: 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...
卸载vuecli3_vue-cli3.0升级失败，vue-cli卸载不掉，万能解决办法
06-06
6. 找到vue-cli安装的位置后，您可以使用以下命令来删除它： ``` npm uninstall -g /path/to/vue-cli ``` 请确保将“/path/to/vue-cli”替换为您找到的vue-cli文件夹的路径。 希望这些步骤可以帮助您成功卸载vue-...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值