浅谈vue引入css,less遇到的坑和解决方法


Posted in Javascript onJanuary 20, 2018

在使用vux开发手机页面时,引入vux的公共样式less一直报错,通过各种百度,Google都没有解决,走了很多弯路。最后才发现钻牛角尖了,可以换一种方法引入。

1、报错的使用:在App中

@ ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vux/src/styles/reset.
less 3:10-115
 @ ./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-
compiler?{"id":"data-v-942b00fc","scoped":false,"hasInlineConfig":true}!./~/vux-
loader/src/style-loader.js!./~/vue-loader/lib/selector.js?type=styles&index=0!./
src/App.vue
 @ ./~/vue-style-loader!./~/css-loader?{"minimize":false,"sourceMap":false}!./~/
vue-loader/lib/style-compiler?{"id":"data-v-942b00fc","scoped":false,"hasInlineC
onfig":true}!./~/vux-loader/src/style-loader.js!./~/vue-loader/lib/selector.js?t
ype=styles&index=0!./src/App.vue
 @ ./src/App.vue
 @ ./src/main.js
 @ multi ./build/dev-client ./src/main.js
@import '~vux/src/styles/reset'

2、最终解决方法,在main.js中

require('../node_modules/vux/src/styles/reset.less');

以上这篇浅谈vue引入css,less遇到的坑和解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery从头学起第一讲
Jul 04 Javascript
基于jquery的鼠标拖动效果代码
May 30 Javascript
js检测网络是否具体连接功能的代码
May 23 Javascript
jQuery控制TR显示隐藏的三种常用方法
Aug 21 Javascript
javascript实现表格排序 编辑 拖拽 缩放
Jan 02 Javascript
jQuery功能函数详解
Feb 01 Javascript
jquery模拟进度条实现方法
Aug 03 Javascript
node.js中axios使用心得总结
Nov 29 Javascript
webstorm添加*.vue文件支持
May 08 Javascript
vue项目中监听手机物理返回键的实现
Jan 18 Javascript
详解ES6数组方法find()、findIndex()的总结
May 12 Javascript
如何在vue中使用HTML 5 拖放API
Jan 14 Vue.js
vue 引入公共css文件的简单方法(推荐)
Jan 20 #Javascript
基于Vue的ajax公共方法(详解)
Jan 20 #Javascript
详解vue.js数据传递以及数据分发slot
Jan 20 #Javascript
Angular2整合其他插件的方法
Jan 20 #Javascript
详解Angular结合zTree异步加载节点数据
Jan 20 #Javascript
javascript数组拍平方法总结
Jan 20 #Javascript
node.js文件上传重命名以及移动位置的示例代码
Jan 19 #Javascript
You might like
CodeIgniter基本配置详细介绍
2013/11/12 PHP
Smarty模板学习笔记之Smarty简介
2014/05/20 PHP
JavaScript实现删除电脑的关机键
2016/07/26 PHP
用js判断用户浏览器是否是XP SP2的IE6
2007/03/08 Javascript
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
2008/11/06 Javascript
关于javascript中this关键字(翻译+自我理解)
2010/10/20 Javascript
Javascript 面试题随笔
2011/03/31 Javascript
jquery indexOf使用方法
2013/08/19 Javascript
JQuery插件fancybox无法在弹出层使用左右键的解决办法
2013/12/25 Javascript
jQuery控制cookie过期时间的方法
2015/04/07 Javascript
jQuery实现复选框批量选择与反选的方法
2015/06/17 Javascript
MUI实现上拉加载和下拉刷新效果
2017/06/30 Javascript
Angular实现搜索框及价格上下限功能
2018/01/19 Javascript
vue.js使用v-if实现显示与隐藏功能示例
2018/07/06 Javascript
Angular使用Restful的增删改
2018/12/28 Javascript
js实现json数组分组合并操作示例
2019/02/12 Javascript
深入理解javascript prototype的相关知识
2019/09/19 Javascript
JS实现京东商品分类侧边栏
2020/12/11 Javascript
Python星号*与**用法分析
2018/02/02 Python
解决win64 Python下安装PIL出错问题(图解)
2018/09/03 Python
Django 视图层(view)的使用
2018/11/09 Python
pandas数据处理进阶详解
2019/10/11 Python
解决tensorflow由于未初始化变量而导致的错误问题
2020/01/06 Python
在tensorflow中设置使用某一块GPU、多GPU、CPU的操作
2020/02/07 Python
Python环境使用OpenCV检测人脸实现教程
2020/10/19 Python
耐克奥地利官网:Nike奥地利
2019/08/16 全球购物
英国排名第一的停车场运营商:NCP
2019/08/26 全球购物
Habitat家居英国官方网站:沙发、家具、照明、厨房和户外
2019/12/12 全球购物
音乐学个人的自荐书范文
2013/11/26 职场文书
探亲邀请信范文
2014/01/30 职场文书
授权收款委托书范本
2014/10/10 职场文书
英文版辞职信
2015/02/28 职场文书
学校会议通知范文
2015/04/15 职场文书
乡镇保密工作承诺书
2015/05/04 职场文书
开票证明
2015/06/23 职场文书
Python3接口性能测试实例代码
2021/06/20 Python