解决vue-cli创建项目的loader问题


Posted in Javascript onMarch 13, 2018

在使用vue-cli项目创建项目中,使用sass等预编译css语言时,不需要在config中配置,只需要在项目中安装相应loader即可。

例如:

1、在项目中使用sass

$ npm i node-sass -D
$ npm i sass-loader -D

2、当使用vuex时,即使安装vux和vux-loader,在项目中使用了vux的组件,项目就无法启动,报错如下:

These dependencies were not found:

* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../../vue-loader/lib/style-compiler/index?{"vue":true,"id":"da
ta-v-28d8bf8a","scoped":false,"hasInlineConfig":false}!../../../../vux-loader/src/after-less-loader.js!less-loader?{"sourceMap":false}!..
/../../../vux-loader/src/style-loader.js!../../../../vue-loader/lib/selector?type=styles&index=0!./index.vue in ./~/vux/src/components/ce
ll/index.vue
* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../../vue-loader/lib/style-compiler/index?{"vue":true,"id":"da
ta-v-76475f48","scoped":false,"hasInlineConfig":false}!../../../../vux-loader/src/after-less-loader.js!less-loader?{"sourceMap":false}!..
/../../../vux-loader/src/style-loader.js!../../../../vue-loader/lib/selector?type=styles&index=0!./index.vue in ./~/vux/src/components/gr
oup/index.vue

To install them, you can run: npm install --save !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../../vue-loade
r/lib/style-compiler/index?{"vue":true,"id":"data-v-28d8bf8a","scoped":false,"hasInlineConfig":false}!../../../../vux-loader/src/after-le
ss-loader.js!less-loader?{"sourceMap":false}!../../../../vux-loader/src/style-loader.js!../../../../vue-loader/lib/selector?type=styles&i
ndex=0!./index.vue !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../../vue-loader/lib/style-compiler/index?{"v
ue":true,"id":"data-v-76475f48","scoped":false,"hasInlineConfig":false}!../../../../vux-loader/src/after-less-loader.js!less-loader?{"sou
rceMap":false}!../../../../vux-loader/src/style-loader.js!../../../../vue-loader/lib/selector?type=styles&index=0!./index.vue
> Listening at http://localhost:8080

大概看一眼可以确定loader出了问题,但是我已经安装了sass编译的依赖,依然无法解决错误。

后来去vux的包中看了一下,组件中使用的是less,于是安装less依赖解决问题。

以上这篇解决vue-cli创建项目的loader问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
用jquery实现输入框获取焦点消失文字
Apr 27 Javascript
js判断输入是否为数字的具体实例
Aug 03 Javascript
js中符号转意问题示例探讨
Aug 19 Javascript
JavaScript代码应该放在HTML代码哪个位置比较好?
Oct 16 Javascript
移动Web中图片自适应的两种JavaScript解决方法
Jun 18 Javascript
探讨JavaScript中的Rest参数和参数默认值
Jul 29 Javascript
JAVASCRIPT代码编写俄罗斯方块网页版
Nov 26 Javascript
nuxt框架中对vuex进行模块化设置的实现方法
Sep 06 Javascript
谈谈JavaScript中的垃圾回收机制
Sep 17 Javascript
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
Oct 13 Javascript
探索node之事件循环的实现
Oct 30 Javascript
vant-ui AddressEdit地址编辑和van-area的用法说明
Nov 03 Javascript
浅谈Vue-cli单文件组件引入less,sass,css样式的不同方法
Mar 13 #Javascript
基于vue.js实现的分页
Mar 13 #Javascript
微信小程序中实现手指缩放图片的示例代码
Mar 13 #Javascript
基于vue中css预加载使用sass的配置方式详解
Mar 13 #Javascript
Angular 4.x+Ionic3踩坑之Ionic3.x pop反向传值详解
Mar 13 #Javascript
vue加载自定义的js文件方法
Mar 13 #Javascript
vue轮播图插件vue-concise-slider的使用
Mar 13 #Javascript
You might like
php auth_http类库进行身份效验
2009/03/19 PHP
PHP之预定义接口详解
2015/07/29 PHP
PHP-FPM之Chroot执行环境详解
2015/08/03 PHP
tp5框架使用composer实现日志记录功能示例
2019/01/10 PHP
javascript据option的value值快速设定初始的selected选项
2007/08/13 Javascript
jQuery中live方法的重复绑定说明
2011/10/21 Javascript
使用js实现雪花飘落效果
2013/08/26 Javascript
jQuery的load()方法及其回调函数用法实例
2015/03/25 Javascript
JS实现三级折叠菜单特效,其它级可自动收缩
2015/08/06 Javascript
BootStrap 智能表单实战系列(十)自动完成组件的支持
2016/06/13 Javascript
AngularJS基础 ng-include 指令示例讲解
2016/08/01 Javascript
jquery+ajax实现省市区三级联动效果简单示例
2017/01/04 Javascript
基于JS实现限时抢购倒计时间表代码
2017/05/09 Javascript
javascript定时器取消定时器及优化方法
2017/07/08 Javascript
JavaScript 中定义函数用 var foo = function () {} 和 function foo()区别介绍
2018/03/01 Javascript
vue-cli监听组件加载完成的方法
2018/09/07 Javascript
JS实现判断有效的数独算法示例
2019/02/25 Javascript
解决layui轮播图有数据不显示的情况
2019/09/16 Javascript
Vue 解决多级动态面包屑导航的问题
2019/11/04 Javascript
JS变量提升原理与用法实例浅析
2020/05/22 Javascript
使用Turtle画正螺旋线的方法
2017/09/22 Python
python通过微信发送邮件实现电脑关机
2018/06/20 Python
使用Python微信库itchat获得好友和群组已撤回的消息
2018/06/24 Python
详解Python的数据库操作(pymysql)
2019/04/04 Python
Tensorflow读取并输出已保存模型的权重数值方式
2020/01/04 Python
pycharm内无法import已安装的模块问题解决
2020/02/12 Python
Python应用实现处理excel数据过程解析
2020/06/19 Python
在django中实现choices字段获取对应字段值
2020/07/12 Python
分布式数据库需要考虑哪些问题
2013/12/08 面试题
团日活动总结范文
2014/04/25 职场文书
新闻传播专业求职信
2014/07/22 职场文书
爬山的活动方案
2014/08/16 职场文书
村委会贫困证明范文
2014/09/21 职场文书
七年级数学教学反思
2016/02/17 职场文书
Python内置类型集合set和frozenset的使用详解
2022/04/26 Python
SpringBoot使用ip2region获取地理位置信息的方法
2022/06/21 Java/Android