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
    评论
专栏目录
Module build failed (from ./node_modules/postcss-loader/src/index.js):
qq_45532769的博客
11-12 5835
出现该错误是你可能没认真看官网的安装配置，可直接看该目录3，一个字一个字看先安装如果选择v1版本，建议使用npm下载，下面以v1版本为例，使用的是npm下载，导入uview时该文件也在node_modules文件夹里面，未移动。然后就是配置。
解决uniapp项目中使用vant Weapp图标组件报错问题（Module build failed from ./node_modules/postcss-loader/src/index）
筱竹的博客
12-30 1万+
解决uniapp项目中使用vant 图标报错问题 在使用uniapp开发项目时，使用到了vant Weapp组件库，如下图所示： 但是当运行项目进行编译时或者发行进行项目打包时，报错如下： 以下是具体报错信息 15:25:26.122 Module build failed (from ./node_modules/postcss-loader/src/index.js): 15:25:26.128 SyntaxError 15:25:26.129 (36:193) Unclosed bracke
小白学习Vue3之管理系统模板搭建（三）——node-sass安装及登录页面
最新发布
weixin_48160914的博客
04-29 781
node-sass安装
解决HbuildX中开发uniapp+vant出现的报错：Module build failed (from ./node_modules/postcss-loader/src/index.js):
我是小刘丶
06-07 2920
解决HbuildX中开发uniapp+vant出现的报错：Module build failed (from ./node_modules/postcss-loader/src/index.js):
Module build failed (from ./node_modules/postcss-loader/src/index.js):SyntaxError(35:193) 报错解决
你的阿迁
09-07 2144
今天和往常一样，将uni项目运行到微信开发者工具，项目正常运行，然后我又将项目运行到Android app基座中，就遇到了这个报错，这个报错这个把我搞得非常头大，了解这个报错的话，解决非常非常简单，反之... 我测试了很多种方法，升级 postcss-loader 版本， 降级want weapp版本、修改 postcss.config.js 配置文件、以及在app.vue中引入相关样式文件，都没有成功解决，不过最终在耐心的测试下，终于成功解决...首先看下报错信息，我自己看完真的无从下手啊...
vue安装node-sass编译报错
kairrys
05-27 383
在搭建vue脚手架 或者是在vue项目中，想使用sass的功能 npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装sass-loader npm install style-loader --save-dev //安装style-loader 安装完成后，运行时出现了错误 Modele build failed: TypeError: this.getResolve i
详解在vue-cli项目中安装node-sass
12-01
npm install sass-loader --save 2，通常使用npm安装会出现以下报错，安装失败。（网路问题） 3，可以通过淘宝的npm镜像安装node-sass，解决以上问题。 npm install -g cnpm --registry=...
详解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 引入 uView 报错：Module build failed (from ./node_modules/postcss-loader/src/index.js): SyntaxError
票票的博客
02-05 1万+
先安装uView 其次分别在三个文件夹引入 uView main.js import uView from "uview-ui" Vue.use(uView) 公共样式 uni.scss @import 'uview-ui/theme.scss'; App.vue <style> /* #ifndef APP-PLUS-NVUE */ @import "uview-ui/index.scss"; @import './utils.css'; /* uni.css .
Module build failed (from ./node_modules/postcss-loader/src/index.js
路虽远行则将至，事虽难做则必成。
06-05 655
后面发现是有个包配置文件这个包在uni-app中以另外一种形式放在static文件中。这几天在用uni-app搭建架子时候，突然发现一个报错。查阅很久都没说没什么。删除文件时不小心把他删除了，后面恢复就可以了。
unaipp项目编译报错Module build failed (from ./node_modules/postcss-loader/src/index.js):
weixin_45162034的博客
05-15 2217
解决方法 HBuild创建的uni-app项目，代码生成时没有style的语言，我添加了lang=“less” 或者 lang=“sass” 就ok。
vue项目运行报错
sir有人捶我的博客
05-25 959
Module build failed (from ./node_modules/@vue/cli-plugin-eslint/node_modules/eslint-loader/index.js): TypeError: Cannot read property ‘range’ of null 1.从git拉取的项目，下载依赖后就报Module build failed (from ./node_modules/@vue/cli-plugin-eslint/node_modules/eslint-loa
Module build failed (from ./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.j
困惑中，解惑时
08-06 3960
写着代码听着歌，保存代码后突然就报错了，你敢信？再保存其他页面，其他页面也报错了你敢信？太神奇了，流下了对前端原理一无所知的泪水… 应对措施：删除node_modules，重新npm i。 以后出现类似问题，删除node_modules，重新npm i 不包治百病，但是一般的奇葩报错，应该是能应付应付。 ...
报错Uncaught Error: Module build failed (from ./node_modules/postcss-loader/src/index.js): Error: Post
weixin_39891473的博客
10-18 3035
在使用Vue中的postcss-pxtorem 插件时 报: Uncaught Error: Module build failed (from ./node_modules/postcss-loader/src/index.js): Error: PostCSS plugin postcss-pxtorem requires PostCSS 8. Migration guide for end-users: 错误 安装最新版本6.0.0 报错 换到5.1.1 就好了 实测 5.1.1版本好
Error: Cannot find module ‘@vue/babel-preset-app‘ from ‘C:\Users\Administrator\WebstormProjects\memo
郭宝的博客
01-07 8562
背景： Module build failed (from ./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js): Error: Cannot find module '@vue/babel-preset-app' from 'C:\Users\Administrator\WebstormProjects\memorial' at Function.resolveSync as sync ..
webpack css浏览器兼容打包报错 Module build failed (from ../node_modules/postcss-loader/src/index.js)
qq_41820599的博客
01-06 3753
将postcss-loader ，postcss-preset-env降低版本至3.0.0
Module build failed (from ./node_modules/mini-css-extract-plugin/dist/loader.js): ModuleBuildError:
热门推荐
盏茶作酒的博客
08-12 2万+
yarn build yarn run v1.22.4 $ vue-cli-service build - Building for production... ERROR Failed to compile with 5 errors23:58:07 error in ./src/views/user/Index.vue?vue&type=style&index=0&id=4100d5f8&lang=less&scoped=true& Mod...
vue-cli3项目搭建与优化全攻略
安装 Vue CLI 3： ```bash npm install -g @vue/cli ``` 检查 Vue CLI 版本以确认安装成功： ```bash vue --version ``` 如果已安装旧版本，需要卸载： ```bash npm uninstall vue-cli -g ``` 接下来，初始化项目...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值