webpack引入sass全局变量 发生 vue-style-loader!css-loader?To install it, you can run: npm install --save !!vu

最新推荐文章于 2022-03-03 16:12:26 发布
最新推荐文章于 2022-03-03 16:12:26 发布
阅读量300 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39246975/article/details/108580348
版权

记录一下vue遇到的问题，最近整理vue项目，在vue2.0 webpack中引进全局scss文件，
在这里插入图片描述

运行后发现出现
在这里插入图片描述
看到这个问题，上网百度了一下，都是叫安装
npm install sass-loader --save;

npm install node-sass --save;
这两个依赖。于是试了一下，后来运行还是不行，最后看了一下package.json发现有一个依赖还没安装
在这里插入图片描述
于是运行了npm install --save-dev sass-resources-loader，这个依赖是 引入sass全局变量。于是再次运行就可以成功了

深圳程序员打工崽
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
vue cli webpack中使用sass的方法
08-27
主要介绍了vue cli webpack中使用sass的方法,需要的朋友可以参考下
Vue报错 vue-style-loader!css-loader。。。。you can run: npm install --save !!vue-style-loader!css-loader
岚风尘雨吾独醉、
06-29 1202
This dependency was not found: * !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../node_modules/vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-1d57e5ea","scoped":false,"hasInlineConfig":false}!stylus-loader?{"sourceMap
Vue报错* !!vue-style-loader!css-loader?和you can run: npm install --save !!vue-style-loader!css-loader
zhou_shadow的博客
07-08 1万+
Vue报错 ERROR Failed to compile with 1 errors ...
报错:To install it, you can run: npm install --save !!vue-style-loader!css-loader?{“sourceMap“:true}!.
baidu_39212797的博客
07-03 3653
错误信息 To install it, you can run: npm install --save !!vue-style-loader!css-loader?{“sourceMap”:true}!../…/…/node_modules/vue-loader/lib/style-compiler/index?{“vue”:true,“id”:“data-v-a3ccadca”,“scoped”:false,“hasInlineConfig”:false}!sass-loader?{“sourceMap”
Vue问题记录1：To install it, you can run: npm install --save
ljw1211的博客
08-17 2万+
To install it, you can run: npm install --save错误 学习Vue时，遇到一个错误 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-8dc7cce2","scoped":false,"hasI
md-vue-loader:Webpack加载器，用于将Markdown编译为Vue
05-01
md-vue-loader是一个Webpack加载器，用于将Markdown文件作为Vue组件导入。 :person_raising_hand: 为什么？ :raising_hands: 从与Vue公司的任何版本兼容解耦（ / vue-template-compiler ）！ :woman::artist_...
vue-i18n-loader：用于自定义块的vue-i18n-loader
02-06
@ intlify / vue-i18n-loader 用于自定义块的vue-i18n加载程序 ...$ npm i --save-dev @intlify/vue-i18n-loader@next 纱 $ yarn add -D @intlify/vue-i18n-loader@next :rocket: i18n资源预编译
markdown-to-vue-loader:Markdown到Webpack的Vue组件加载器
05-27
npm install markdown-to-vue-loader vue-loader webpack --save-dev 用法 在您的webpack配置对象中，您需要将markdown-to-vue-loader添加到模块列表中，如下所示： module: { rules : [ { test : / \. md $ / ,...
sass-vars-loader：使用在Webpack配置或外部Javascript或JSON文件中定义的Sass变量
02-03
Sass Vars装载机 从Webpack配置或JS / JSON文件...npm install @epegzz/sass-vars-loader --save-dev 用纱 yarn add @epegzz/sass-vars-loader --dev 用法 查看以了解如何将此加载器与和结合使用 选项1：Webpack配置
svg-to-png-loader:Webpack加载程序，可将SVG文件转换为PNG文件
04-29
npm install svg-to-png-loader --save-dev 用法 加载程序可以配置为导出一个或多个尺寸不同的PNG。 对于单个PNG，可以直接指定高度和宽度。 高度/宽度和尺寸选项是互斥的： 名称- （可选） 。 输出文件名的模板...
To install it, you can run: npm install --save !!vue-style-loader!css-loader?{"sourceMap":true}!../.
热门推荐
屯庆的博客
11-13 6万+
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,"hasInlin.
To install it, you can run: npm install --save !!vue-style-loader!css-loader?{"sourceMap" :true}!..
littlelittlepeng的博客
03-15 2048
Vue项目，运行时，出现以下错误 ERROR Failed to compile with 1 errors 18:14:44 This dependency was not found: * !!vue-style-loader!css-loader?{"sourceMap":true}!../../no...
近期遇到scss报错：To install it, you can run: npm install --save !!vue-style-loader!css-loader?
秃头小吴
04-27 1644
近期写vue项目遇到scss报错，查了上午，看了各种网友的解决方案，在此，我找到了适合自己的解决方案，因为之前直接安装的sass版本过高，如果是vue2建议：npm install sass-loader@7.3.1 --save 当然前提是要安装node sass 这个好像没有版本要求，npm install node-sass --save即可，–save的意思就是运行时依赖，开发后也需要依赖，–save -dev是开发时依赖，详情可以看https://segmentfault.com/q/10100.
To install it, you can run: npm install --save !!vue-style-loader!css-loader?
weixin_45377314的博客
04-17 1万+
* !!vue-style-loader!css-loader?{"sourceMap":true}!../../node_modules/_vue-loader@13.7.3@vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-v-957c9522","scoped":false,"hasInlineConfig":false}!less-loader?{"sourceMap":true}!../../node_modules/_vue-l
（非百度copy答案）you can run: npm install --save !!vue-styles-loader!css-loader?
mineblogjw的博客
02-21 1万+
问题描述：使用脚手架新建了一个vue项目，在使用sass语法时产生了报错，然后按照提示安装了百分之99的百度答案给出的模块包，如下代码段；接着在我想在main.js文件种引入一个scss文件时接着报错，如图； 解决路程：通过不断的百度，一直搜索到的答案是关于：!!vue-style-loader！css-loader？（区别是没有 ‘s’ 的）；所以我一直重复那几个百度的答案一直安装各种模块包，...
This dependency was not found:* vuTo install it, you can run: npm install --save vue-editor-bridge
weixin_43267086的博客
08-22 676
今天运行项目后出现了 * vue-editor-bridge in ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node _modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./no de_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/com p
vue项目clone下来报错 you can run: npm install --save !!vue-style-loader!css-loader?{"sourceMap":true}!../.
Zhoulizhen_的博客
11-26 583
本文转自https://blog.csdn.net/qq_32407233/article/details/84029723
This dependency was not found: .....To install it, you can run: npm install --save vue-editor-bridge
bigPatrickstar的博客
12-01 2752
This dependency was not found: * vue-editor-bridge in ./node_modules/cache-loader/dist/cjs.js??ref–13-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref–1-0!./node_modules/vue-loader-v16/dist??ref–1-1!./src/page/fileList.vue?vue
vue報錯 To install it, you can run: npm install --save vue/types/umd
K18032286的博客
03-03 2015
vue运行项目的时候报错To install it, you can run: npm install --save vue/types/umd仔细一看页面中多了个这个import { config } from 'vue/types/umd' 删除就好啦
vue cli中的sass loader配制
最新发布
05-21
npm install sass sass-loader --save-dev ``` 在安装依赖项之后，需要在Vue CLI的Webpack配置中添加Sass Loader。有两种方法可以实现这一点：在`vue.config.js`文件中配置，或在`webpack.config.js`文件中直接编辑...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

深圳程序员打工崽

你的鼓励将是我创作的最大动力

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

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

打赏作者

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

抵扣说明：

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

余额充值