解决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 相关文章推荐
js的一些常用方法小结
Jun 29 Javascript
使用typeof方法判断undefined类型
Sep 09 Javascript
ECMAScript6函数剩余参数(Rest Parameters)
Jun 12 Javascript
详解Node.Js如何处理post数据
Sep 19 Javascript
JS中闭包的经典用法小结(2则示例)
Dec 28 Javascript
jQuery实现web页面樱花坠落的特效
Jun 01 jQuery
详解vue.js 开发环境搭建最简单攻略
Jun 12 Javascript
浅谈JS中的常用选择器及属性、方法的调用
Jul 28 Javascript
vue移动端html5页面根据屏幕适配的四种解决方法
Oct 19 Javascript
详解JavaScript实现动态的轮播图效果
Apr 29 Javascript
解决echarts图表使用v-show控制图表显示不全的问题
Jul 19 Javascript
JavaScript展开运算符和剩余运算符的区别详解
Feb 18 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获取搜索引擎关键字来源的函数(支持百度和谷歌等搜索引擎)
2012/10/03 PHP
PHP中的命名空间详细介绍
2015/07/02 PHP
PHP实现上一篇下一篇的方法实例总结
2016/09/22 PHP
PHP基于Closure类创建匿名函数的方法详解
2017/08/17 PHP
thinkphp 5框架实现登陆,登出及session登陆状态检测功能示例
2019/10/10 PHP
Javascript类库的顶层对象名用户体验分析
2010/10/24 Javascript
如何将一个String和多个String值进行比较思路分析
2013/04/22 Javascript
js怎么终止程序return不行换jfslk
2013/05/30 Javascript
js实现仿Discuz文本框弹出层效果
2015/08/13 Javascript
用NodeJS实现批量查询地理位置的经纬度接口
2016/08/16 NodeJs
jQuery UI制作选项卡(tabs)
2016/12/13 Javascript
vue.js 上传图片实例代码
2017/06/22 Javascript
vue-resource 拦截器(interceptor)的使用详解
2017/07/04 Javascript
jQuery实现html双向绑定功能示例
2017/10/09 jQuery
简单的三步vuex入门
2018/05/20 Javascript
手把手15分钟搭一个企业级脚手架
2019/09/16 Javascript
用js限制网页只在微信浏览器中打开(或者只能手机端访问)
2020/12/24 Javascript
Nuxt的动态路由和参数校验操作
2020/11/09 Javascript
[44:40]Serenity vs Pain 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
Python实例一个类背后发生了什么
2016/02/09 Python
linux环境下的python安装过程图解(含setuptools)
2017/11/22 Python
Python图形绘制操作之正弦曲线实现方法分析
2017/12/25 Python
python 显示数组全部元素的方法
2018/04/19 Python
PyQt5每天必学之工具提示功能
2018/04/19 Python
python http基本验证方法
2018/12/26 Python
200行python代码实现贪吃蛇游戏
2020/04/24 Python
python 绘制正态曲线的示例
2020/09/24 Python
微信小程序canvas实现水平、垂直居中效果
2020/02/05 HTML / CSS
员工年终自我评价
2014/09/14 职场文书
2014年党务公开工作总结
2014/12/09 职场文书
护士求职简历自我评价
2015/03/10 职场文书
2015年采购工作总结
2015/04/10 职场文书
反邪教学习心得体会
2016/01/15 职场文书
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
2021/04/13 Javascript
SQL SERVER存储过程用法详解
2022/02/24 SQL Server
一文搞懂Java中的注解和反射
2022/06/21 Java/Android