vue-cli创建项目的loader问题
来源:互联网 发布:数控折弯机编程方法 编辑:程序博客网 时间:2024/05/23 22:52
在使用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":"data-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/cell/index.vue* !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../../vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-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/group/index.vueTo install them, you can run: npm install --save !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../../vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-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 !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../../vue-loader/lib/style-compiler/index?{"vue":true,"id":"data-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> Listening at http://localhost:8080
大概看一眼可以确定loader出了问题,但是我已经安装了sass编译的依赖,依然无法解决错误。
后来去vux的包中看了一下,组件中使用的是less,于是安装less依赖解决问题。
阅读全文
0 0
- vue-cli创建项目的loader问题
- 创建vue cli项目
- vue-cli创建项目
- 使用vue-cli创建vue项目问题纪录
- windows 下用vue-cli脚手架工具创建vue项目及遇到的相关问题
- Vue-cli搭建项目遇到的问题
- 利用vue-cli创建的vue项目结构解析
- vue-cli快速创建项目
- 使用Vue-cli创建项目
- 使用vue-cli创建项目
- 利用vue-cli创建Vue项目
- vue-router、vue-loader、vue-cli的作用
- vue-cli创建的项目的目录结构及说明
- Vue-cli创建的项目跨域请求
- vue-cli创建的项目部署在相对路径
- Vue-cli是何物?创建项目脚手架
- 通过vue-cli创建一个项目
- 用vue-cli脚手架创建项目
- 1002 Balala Power!
- RxJava之常用操作符整理
- 空指针异常问题
- dataTable 分页失效
- event中的stopPropagation和preventDefault
- vue-cli创建项目的loader问题
- Spring中基于XML文件的方式实现AOP
- List集合
- Android仿天猫搜索历史记录显示自定义布局
- Azure Stack深入浅出2:Azure Stack与Azure的有QoS保证的网络联通实现方法和对比测试
- 1103: [POI2007]大都市meg
- 在外部tomcat中运行spring boot应用
- Map集合
- G