解决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的用鼠标画出可移动的div
Sep 06 Javascript
jQuery学习笔记 获取jQuery对象
Sep 19 Javascript
javascript中this做事件参数相关问题解答
Mar 17 Javascript
JS数组(Array)处理函数整理
Dec 07 Javascript
javascript实现仿腾讯游戏选择
May 14 Javascript
通过node-mysql搭建Windows+Node.js+MySQL环境的教程
Mar 01 Javascript
详解Angular2学习笔记之Html属性绑定
Jan 03 Javascript
微信小程序用canvas画图并分享
Mar 09 Javascript
Vue 如何使用props、emit实现自定义双向绑定的实现
Jun 05 Javascript
jquery实现拖拽添加元素功能
Dec 01 jQuery
解析原生JS getComputedStyle
May 25 Javascript
vue代码分块和懒加载非必要资源文件
Apr 11 Vue.js
浅谈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
Dedecms V3.1 生成HTML速度的优化办法
2007/03/18 PHP
php 字符过滤类,用于过滤各类用户输入的数据
2009/05/27 PHP
关于mysql字符集设置了character_set_client=binary 在gbk情况下会出现表描述是乱码的情况
2013/01/06 PHP
跟我学Laravel之视图 & Response
2014/10/15 PHP
Thinkphp5.0 框架Model模型简单用法分析
2019/10/11 PHP
Laravel实现通过blade模板引擎渲染视图
2019/10/25 PHP
新老版本juqery获取radio对象的方法
2010/03/01 Javascript
基于JQuery的类似新浪微博展示信息效果的代码
2012/07/23 Javascript
深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
2014/06/10 Javascript
关于session和cookie的简单理解
2016/06/08 Javascript
Bootstrap中定制LESS-颜色及导航条(推荐)
2016/11/21 Javascript
深入浅析Vue组件开发
2016/11/25 Javascript
JavaScript中英文字符长度统计方法示例【按照中文占2个字符】
2017/01/17 Javascript
Bootstrap免费字体和图标网站(值得收藏)
2017/03/16 Javascript
详解Vue中添加过渡效果
2017/03/20 Javascript
backbone简介_动力节点Java学院整理
2017/07/14 Javascript
js中arguments对象的深入理解
2019/05/14 Javascript
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作
2020/11/09 Javascript
jQuery实现tab栏切换效果
2020/12/22 jQuery
Python中用函数作为返回值和实现闭包的教程
2015/04/27 Python
详解Python中的Descriptor描述符类
2016/06/14 Python
Python离线安装PIL 模块的方法
2019/01/08 Python
对Python使用mfcc的两种方式详解
2019/01/09 Python
使用Python批量修改文件名的代码实例
2019/01/24 Python
深入理解Python异常处理的哲学
2019/02/01 Python
Python简单处理坐标排序问题示例
2019/07/11 Python
python爬虫 线程池创建并获取文件代码实例
2019/09/28 Python
浅谈pytorch中torch.max和F.softmax函数的维度解释
2020/06/28 Python
django模型类中,null=True,blank=True用法说明
2020/07/09 Python
CSS3中颜色线性渐变实战
2015/07/18 HTML / CSS
html5中 media(播放器)的api使用指南
2014/12/26 HTML / CSS
施华洛世奇水晶荷兰官方网站:SWAROVSKI荷兰
2017/05/12 全球购物
国际贸易专业推荐信
2013/11/15 职场文书
党的群众路线教育实践活动动员会主持词
2014/03/20 职场文书
css height属性中的calc方法详解
2021/06/03 HTML / CSS