当前位置： 移动技术网 > IT编程>脚本编程>vue.js > 解决vue-cli创建项目的loader问题

解决vue-cli创建项目的loader问题

2018年04月04日  | 移动技术网IT编程  | 我要评论

爱情占线剧情介绍,霉毒的治疗,古诗新唱

在使用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问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持移动技术网。

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网