vue-cli环境安装node-sass问题

最新推荐文章于 2024-04-29 11:26:42 发布
最新推荐文章于 2024-04-29 11:26:42 发布
阅读量987 收藏
点赞数
分类专栏： 问题汇总 vue vue环境 文章标签： javascript vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43989837/article/details/121508272
版权
vue 同时被 3 个专栏收录
33 篇文章 0 订阅
订阅专栏
问题汇总
8 篇文章 0 订阅
订阅专栏
vue环境
1 篇文章 0 订阅
订阅专栏

错误描述

error in ./src/views/index/carNumber.vue?vue&type=style&index=0&id=27bb9816&lang=scss&scoped=true& Module build failed (from ./node_modules/postcss-loader/src/index.js):
解析：这是说明你安装的node-sass版本过高了，需要降低版本重新安装

解决方法：
1，在package。json中直接更改版本号，这两个版本亲测可用的。
在这里插入图片描述

2，删除工程中的node-modules文件夹
3，npm install
4，安装完成之后运行下就可以了

前端小问题
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解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创建的项目中使用sass操作
10-14
首先，为了在Vue CLI项目中使用Sass，我们需要安装两个关键的依赖包：`sass-loader` 和 `node-sass`。`sass-loader` 是一个Webpack加载器，用于将Sass源代码编译成CSS，而`node-sass`是Sass的Node.js绑定，提供Sass...
vue.js 三种方式安装(vue-cli)
热门推荐
muzidigbig的博客
05-29 33万+
Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。 下面介绍三种 Vue.js 的安装方法： 1.独立版本 我们可以在Vue.js的官网上直接下载vue assets和static的区别 pnpm
小白学习Vue3之管理系统模板搭建（三）——node-sass安装及登录页面
最新发布
weixin_48160914的博客
04-29 781
node-sass安装
解决vue-cli node-sass安装不成功问题
猿飞梦的博客
11-16 862
打开文件：webpack.base.config.js。若以上方式安装不成功（安装超时）,
vue-cli 3中dart-sass替换node-sass
黄彪博客
04-29 2172
文章目录一、问题描述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-cli项目如何使用sass？
qq_44570971的博客
01-23 1183
一、安装sass 安装 node-sass这个插件，同时安装 sass-loader，在控制台键入命令：npm i --save-dev node-sass sass-loader 安装完成，在 build 文件夹下的webpack.base.conf.js 的rules 里面添加配置{ test: /\.sass$/, loaders: ['style', 'css', 'sass'] } 在需要使用sass/scss的组件中修改style标签：<style lang="scss" s
vue-cli中安装配置sass
duansamve的博客
04-20 2158
一、安装对应依赖node模块： npm install node-sass --save-dev npm install sass-loader --save-dev 二、打开webpack.base.config.js在loaders里面加上： { test: /\.scss$/, loaders: ["style", "css", "sas...
linux、windows 安装 vue-cli
weixin_45782719的博客
02-02 1579
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过@vue/cli实现的交互式的项目脚手架。通过@vue/cli实现的零配置原型开发。一个运行时依赖 (可升级；基于 webpack 构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件进行扩展。一个丰富的官方插件集合，集成了前端生态中最好的工具。Vue CLI 致力于将 Vue 生态中的工具基础标准化。
vue-cli中如何使用sass
WebDestiny的博客
09-16 889
一、安装 npm install node-sass --save-dev npm install sass-loader --save-dev 二、配置 module: { rules: [{ test: /\.vue$/, loader: 'vue-loader', options: vueLoaderConfig...
vue-cli4安装sass
coderYJ的博客
02-23 991
vue-cli4安装scss 技术交流QQ群1093476453 1.安装依赖包 npm install node-sass --save-dev npm install sass-loader --save-dev 2.vue.config.js配置文件中配置css module.exports = { css: { loaderOptions: { sass: { additionalData:`@import "./src/assets/scss.
Vue-cli 脚手架安装sass
lsf1192354203的博客
06-21 860
CLI全程是Command-Line Interface，命令行界面，俗称脚手架，可以帮我们快速的创建vue项Vue Cli的使用必须依赖node环境和webpack管理员方式打开cmd进行安装，安装命令： npm i -g @vue/cli 查看版本 C:Windowssystem32>vue -V @vue/cli 4.5.13 二、node-sass安装 vue项目如果没有采用vue-cli方式创建，那么在项目下载之后，需要安装node-sass，不然会报错。安装后再进行编译 npm
详解在vue-cli项目中安装node-sass
12-01
npm install sass-loader --save 2，通常使用npm安装会出现以下报错，安装失败。（网路问题） 3，可以通过淘宝的npm镜像安装node-sass，解决以上问题。 npm install -g cnpm --registry=...
vue中通过函数传参数
weixin_43989837的博客
03-18 9651
一，通过点击事件本身的js特性传参。 <view class="center_menu"> <view class="menu_item" v-for="item in menus" @click="toAddress(item.address)"> <image :src="item.icon" mode="aspectFill" ><...
element-ui中select下拉菜单中visite-change的使用，只在select中的option显示和隐藏时调用
weixin_43989837的博客
09-01 7213
一，元素 @visible-change=‘getGiftListTable’ 需要写到select标签中 <el-select v-model="model.giftIds" value-key="giftId" placeholder="礼物特效" multiple @visible-change='getGiftListTable'> <el-option v-for="item in giftList" :key="item.giftId" :labe
element中table数据渲染（一个列表两个数据源混合渲染）
weixin_43989837的博客
01-04 7044
一，这里是元素。 2，这里属数据构造，因为我们需要用到国家数据，而国家的数据和列表的其他数据是分开的两个对象，要在一个table中使用 这个是对国家进行数据修改 3， 4，效果
element中列表（table）中套用上传图片（upload）的图片回显
weixin_43989837的博客
09-11 4352
首先是看效果： 0，下面是完整的代码元素： <template> <el-table :rules ='rules' :data="getGiftListTableData" border style="width: 100%"> <el-tab
element-ui中表格中嵌套上传图片
weixin_43989837的博客
09-01 3677
实现效果描述：将列表中每一行的两张图片保存到一个对象中，再将所有对象保存到数组中，点击提交时一起提交。 实现方法： 一，元素中 action="/" :http-request="(file)=>{return imggreySuccess(file ,scope.row)}" 这两句很重要，将上传的文件和列表的这一行的数据通过函数传过去，可以在函数中接收到数据，file就是上传的图片的数据文件 <el-table :data="getGiftListT
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值