解决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 相关文章推荐
javascript判断单选框或复选框是否选中方法集锦
Apr 04 Javascript
setInterval,setTimeout与jquery混用的问题
Apr 08 Javascript
Jquery多选框互相内容交换的实例代码
Jul 04 Javascript
node.js中的http.request.end方法使用说明
Dec 10 Javascript
jQuery实现流动虚线框的方法
Jan 29 Javascript
Javascript中的匿名函数与封装介绍
Mar 15 Javascript
JavaScript获取页面中表单(form)数量的方法
Apr 03 Javascript
setTimeout内不支持jquery的选择器的解决方案
Apr 28 Javascript
浅谈JavaScript异常处理语句
Jun 26 Javascript
jQuery中 $ 符号的冲突问题及解决方案
Nov 04 Javascript
jquery获取img的src值实例介绍
Jan 16 jQuery
简单了解JS打开url的方法
Feb 21 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
百事可乐也出咖啡了 双倍咖啡因双倍快乐
2021/03/03 咖啡文化
使ecshop模板中可引用常量的实现方法
2011/06/02 PHP
php生成短网址示例
2014/05/05 PHP
两个php日期控制类实例
2014/12/09 PHP
thinkphp实现图片上传功能
2016/01/13 PHP
PHP 的Opcache加速的使用方法
2017/12/29 PHP
JQuery实现简单时尚快捷的气泡提示插件
2012/12/20 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
2014/03/12 Javascript
深入理解JavaScript系列(33):设计模式之策略模式详解
2015/03/03 Javascript
基于jQuery+JSON的省市二三级联动效果
2015/06/05 Javascript
JavaScript实现级联菜单的方法
2015/06/29 Javascript
详解使用WebPack搭建React开发环境
2019/08/06 Javascript
vue+vant实现商品列表批量倒计时功能
2020/01/13 Javascript
在vue中使用eslint,配合vscode的操作
2020/11/09 Javascript
[18:32]DOTA2 HEROS教学视频教你分分钟做大人-谜团
2014/06/12 DOTA
python实现获取客户机上指定文件并传输到服务器的方法
2015/03/16 Python
Python 创建子进程模块subprocess详解
2015/04/08 Python
详解python中executemany和序列的使用方法
2017/08/12 Python
Python使用 Beanstalkd 做异步任务处理的方法
2018/04/24 Python
python科学计算之narray对象用法
2019/11/25 Python
DataFrame.to_excel多次写入不同Sheet的实例
2019/12/02 Python
Python正则表达式急速入门(小结)
2019/12/16 Python
已安装tensorflow-gpu,但keras无法使用GPU加速的解决
2020/02/07 Python
python GUI库图形界面开发之PyQt5多线程中信号与槽的详细使用方法与实例
2020/03/08 Python
Python3如何实现Win10桌面自动切换
2020/08/11 Python
call在Python中改进数列的实例讲解
2020/12/09 Python
KIKO MILANO英国官网:意大利知名化妆品和护肤品品牌
2017/09/25 全球购物
Monica Vinader官网:英国轻奢珠宝品牌
2020/02/05 全球购物
神路信息Java面试题目
2013/03/31 面试题
商务日语专业自荐信
2014/04/17 职场文书
保证书格式范文
2014/04/28 职场文书
行政监察建议书
2014/05/19 职场文书
关于青春的演讲稿500字
2014/08/22 职场文书
2016年小学优秀班主任事迹材料
2016/02/29 职场文书
Python可变与不可变数据和深拷贝与浅拷贝
2022/04/06 Python
python和anaconda的区别
2022/05/06 Python