前端vue报错：ERROR in ./node_modules/css-loader!./node_modules/sass-loader/

最新推荐文章于 2024-07-22 17:17:36 发布
最新推荐文章于 2024-07-22 17:17:36 发布
阅读量1.4w 收藏 2
点赞数
分类专栏： 前端 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42631707/article/details/112983151
版权

前端vue在执行npm run dev的时候 报错：

ERROR in ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/components/loading

背景：在执行完npm install按照前端依赖环境后，安装依赖一切正常，没有报错。
现象：在运行前端代码时，报错如下：
在这里插入图片描述
根据查阅：报错的原因其实就是在进行依赖引入的时候，对应电脑的配置不同，导致的报错，只需要重新安装这个依赖就行。
解决方案：执行命令

npm install --save node-sass
HADLM
关注
专栏目录
前端开发：项目引入vue-easytable时报错These relative modules were not found：的解决方法
软贱开发攻城狮
07-16 3070
前言 前段时间在开发基于移动端的前端项目的时候，遇到一个使用table的需求，但是基于移动端的Vant框架的组件库里面没有table相关的组件支持，这就需要借助第三方组件来实现基于移动端的table功能。基于移动端的table的第三方组件有一个使用起来比较方便的组件：vue-easytable，该组件从集成到使用也都很简单，但是会遇到一个致命的问题，那就是本文所要分享的内容。 关于vue-easytable组件从集成到使用的方法，网上一大把教程，vue-easytable在git上面也有demo，可
@ multi ./node_modules/_webpack-dev-server@2.11.5@webpack-dev-server/client?http://localhost:8080 w
肖肖的博客
10-30 2141
/_vue-loader@13.7.3@vue-loader/lib/selector.js?type=styles&index=0!./src/views/404.vue 4:14-446 13:3-17:5 14:22-454 @ ./src/views/404.vue @ ./src/router/index.js @ ./src/main.js @ multi ./node_modules/_webpack-dev-server@2.11.5@webpack-dev-server/clie
ERROR in ./node_modules/css-loader?sourceMap 关于sass-loader的一次报错
Headmaster_Tan的博客
09-05 2507
记一次前端项目运行css编译错误的问题。 该项目是很久以前搭建的，今天重新拉取代码执行npm install后npm run dev发现报错了，百思不得其解，毕竟以前是没问题的，也没做过任何配置的修改。 详细报错如下： 问题是出在第四行开始：Module build failed: TypeError …sass-loader… 查询百度谷歌无果，这里并不是npm install node-sa...
前端 | node 版本升级后 vue 项目启动错误(node-sass sass-loader) | Vue2
精品推荐，你我共享
10-01 364
开始使用低于vue-cli3创建的项目，在更新node到12.x后，项目运行不起来了。
ERROR in ./src/components/datePicker/index.less (./node_modules/css-loader/dist/cjs.js!./node_module
最新发布
qq_60754128的博客
07-22 184
报错信息如下：报错原因是项目中less-loader版本过高导致，将其降低到5.0即可，注意安装的时候将项目中的package-lock.json文件夹删除。
《Angular之Error in ./node_modules/_css-loader@0.28.8》
杨晓风 迷迭香的记忆
01-16 9742
前言：    Angular是一个开箱即用的框架没问题，但同时此框架所依赖的包在不停地变换中，虽然此框架的容错性很好，然而某些依赖包的版本兼容问题还是会不定期出现。这不，2018年1月14日突然有人告诉出现问题了，如图所示： 怎么办呢？解决呗 正文： 问题暴露环境        出现此问题是在服务器上首先暴露出来的，其次大家从SVN上全新down代码，重新下载依赖包会出现此问题，
记录一次ERROR in ./node_modules/css-loader?sourceMap!.报错处理
请告诉他
01-23 4983
项目运行多年，win系统本地环境开发成熟，打包到linux也无问题，近日npm install 和npm run dev 后出现报错信息如下 ERROR in ./node_modules/css-loader?sourceMap!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-ae1d291a","scoped":true,"hasInlineConfig":false}!./node_modules/sass-
ERROR in ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/components/loading
陈小白
04-16 5809
在运行webpack的项目，并且项目有sass的，进行多地方代码操作的时候，往往有时候项目拉下来会报错 ERROR in ./node_modules/css-loader!./node_modules/sass-loader/lib/loader.js!./src/components/loading/loading.scss Module build failed: Error: Node ...
记一次 vue npm 安装依赖报错解决
web全栈开发的博客
07-14 1675
【代码】记一次 vue npm 安装依赖报错解决。
工作407-启动vue项目出现Module build failed (from ./node_modules/sass-loader/dist/cjs.js): ValidationError: I
歌谣的博客
04-16 563
This dependency was not found: * !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-ef68022e","scoped":true,"hasInlineConfig":false}!sass-loader?{"sourceMap":true}!../../nod
解决element plus暗黑模式自定义主题报错Module build failed (from ./node_modules/sass-loader/dist/cjs.js):SassErro
山野里的小菊花
06-09 2817
前言：根据官网提示，在index.html的html标签下使用dark启用暗黑模式，然后使用scss引入覆盖的方式自定义主题报错如下：Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: This variable is available from multiple global modules. ╷ 1 │ @use "~/src/styles/mixins.scss" as *; @use
!!ts-loader!../../../../node_modules/vue-loader/lib/selector?type=script&index=0&bustCache!./category.vue in
08-11
- *2* [error in ./src/views/Login.vue Module build failed: TypeError: this.getOptions is not a function](https://blog.csdn.net/qq_42025798/article/details/122382298)[target="_blank" data-report-click=...
Module build failed (from ./node_modules/@vue/cli-service/node_modules/postcss-loader/dist/cjs.js): SyntaxError
10-27
1. 确保你的依赖包版本兼容，并且已经正确安装了node-sass和sass-loader。 2. 检查你的代码中是否存在语法错误，特别是在使用postcss-loader时。 3. 尝试升级你的Vue CLI版本，或者使用其他的构建工具来构建你的项目...
vue编译vant报错：./node_modules/vant/lib/index.css
热门推荐
DeliaWen的博客
10-30 1万+
因为loader顺序问题。将sass-loader放在postcss-loader前面（位置后面的先执行），解决方法如图： 但是正确的loader加载顺序应该是要先执行sass，现在这个顺序在使用sass的遍历语法时会导致语法报错。所以正确的解决方案是sass写在最后，然后忽略vant。 ...
Vue中引入使用scss变量报错：./node_modules/vue-style-loader!./node_modules/css-loader?
艾丽的博客
07-15 6178
1.第一种情况： 这是由于css解析的时候出了问题，解决方案为：https://blog.csdn.net/dt1991524/article/details/83413211 2. 第二种情况（自己遇到的）： 样式文件的引入方式导致 <style lang="scss" scoped> @import "../styles/index.scss"; // 这种引入正确 // @import url(../styles/index.scss); // 这种方式引入报错 </style&g.
安装style-loader时出现错误
weixin_46721287的博客
01-27 1762
问题描述： ERROR Failed to compile with 1 errors 下午1:55:42 This dependency was not found: * !!vue-style-loader!css-loader?{"sourceMap":true}!../../../node_modules/vue-loader/lib/style-comp
vue引入背景图片报错 * ./@/assets/404_images/hs.jpg in ./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-
tutodelinglimgho的博客
02-23 1429
vue引入背景图片报错 * ./@/assets/404_images/hs.jpg in ./node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref--6-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref-
webpack构建报错:node_modules/css-loader?{“sourceMap“:true}
qq_44472790的博客
02-28 1826
根据提示可定位你是少了某个css-loader，至于是sass less 还是常规的根据自己项目特点来尝试安装： 1.使用sass安装 npm install sass sass-loader --save-dev 2.使用less 安装 npm install less less-loader --save-dev 3.正常不使用预编译的项目： npm install style-loader css-loader style-loader --save-dev ...
Error:In ./node_modules/vant/es/style/base.css；Error:PostCSS plugin postcss-pxtorem requires PostCSS
weixin_54906665的博客
05-08 1300
Rem 布局适配 使用vant进行rem配置 配置postcss.config.js后启动项目出错 Error:In ./node_modules/vant/es/style/base.css Error:PostCSS plugin postcss-pxtorem requires PostCSS 8.” 意思是postcss-pxtorem版本为8.0 npm install postcss-pxtorem@5.1.1 -D安装成指定版本即可解决 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值