我想使用你的timerange组件，怎么把它放到我自己的项目中，我尝试把你的代码copy到我的项目，报错：缺少模块

[yunfeihuang]

把错误日志粘贴出来

[wuhaoran0409]

./src/components/daterange/index.vue Module not found: Error: Can't resolve 'sass-loader' in 'D:\cmis-wap\src\components\daterange' @ ./src/components/daterange/index.vue 3:0-375 @ ./~/babel-loader/lib!./~/vux-loader/src/script-loader.js!./~/vue-loader/lib/selector.js?type=script&index=0!./src/page/user/mypayments.vue @ ./src/page/user/mypayments.vue @ ./src/router/index.js @ ./src/main.js @ multi ./build/dev-client ./src/main.js ./src/components/daterange-picker/index.vue Module not found: Error: Can't resolve 'sass-loader' in 'D:\cmis-wap\src\components\daterange-picker' @ ./src/components/daterange-picker/index.vue 3:0-375 @ ./~/babel-loader/lib!./~/vux-loader/src/script-loader.js!./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/daterange/index.vue @ ./src/components/daterange/index.vue @ ./~/babel-loader/lib!./~/vux-loader/src/script-loader.js!./~/vue-loader/lib/selector.js?type=script&index=0!./src/page/user/mypayments.vue @ ./src/page/user/mypayments.vue @ ./src/router/index.js @ ./src/main.js @ multi ./build/dev-client ./src/main.js ./src/components/popup/index.vue

[wuhaoran0409]

• !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../no de_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-e3d6c2b0","scoped": false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modu les/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector ?type=styles&index=0!./index.vue in ./src/components/daterange/index.vue
• !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../no de_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-21593c29","scoped": false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modu les/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector ?type=styles&index=0!./index.vue in ./src/components/daterange-picker/index.vue
• !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../no de_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-609547c5","scoped": false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modu les/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector ?type=styles&index=0!./index.vue in ./src/components/popup/index.vue
• !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../no de_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-5b26be72","scoped": false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modu les/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector ?type=styles&index=0!./index.vue in ./src/components/divider/index.vue
• !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../no de_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-72aff196","scoped": false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modu les/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector ?type=styles&index=0!./index.vue in ./src/components/icon/index.vue
• !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../no de_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-ddf34d6a","scoped": false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modu les/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector ?type=styles&index=0!./Flexbox.vue in ./src/components/flexbox/Flexbox.vue
• !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../no de_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-0f003504","scoped": false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modu les/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector ?type=styles&index=0!./FlexboxItem.vue in ./src/components/flexbox/FlexboxItem.v ue
• !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../no de_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-3d2cd511","scoped": false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modu les/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector ?type=styles&index=0!./Tab.vue in ./src/components/tab/Tab.vue
• !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../no de_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-1c51e378","scoped": false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modu les/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector ?type=styles&index=0!./TabItem.vue in ./src/components/tab/TabItem.vue
• utils/variable.js in ./~/babel-loader/lib!./~/vux-loader/src/script-loader.js! ./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/daterange/in dex.vue, ./~/babel-loader/lib!./~/vux-loader/src/script-loader.js!./~/vue-loader /lib/selector.js?type=script&index=0!./src/components/daterange-picker/index.vue and 7 others
• utils/mixins.js in ./~/babel-loader/lib!./~/vux-loader/src/script-loader.js!./ ~/vue-loader/lib/selector.js?type=script&index=0!./src/components/daterange/inde x.vue, ./~/babel-loader/lib!./~/vux-loader/src/script-loader.js!./~/vue-loader/l ib/selector.js?type=script&index=0!./src/components/popup/index.vue and 1 other

To install them, you can run: npm install --save !!vue-style-loader!css-loader?{ "minimize":false,"sourceMap":false}!../../../node_modules/vue-loader/lib/style-c ompiler/index?{"id":"data-v-e3d6c2b0","scoped":false,"hasInlineConfig":true}!sas s-loader?{"sourceMap":false}!../../../node_modules/vux-loader/src/style-loader.j s!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./index.vue !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../node _modules/vue-loader/lib/style-compiler/index?{"id":"data-v-21593c29","scoped":fa lse,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_module s/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector?t ype=styles&index=0!./index.vue !!vue-style-loader!css-loader?{"minimize":false," sourceMap":false}!../../../node_modules/vue-loader/lib/style-compiler/index?{"id ":"data-v-609547c5","scoped":false,"hasInlineConfig":true}!sass-loader?{"sourceM ap":false}!../../../node_modules/vux-loader/src/style-loader.js!../../../node_mo dules/vue-loader/lib/selector?type=styles&index=0!./index.vue !!vue-style-loader !css-loader?{"minimize":false,"sourceMap":false}!../../../node_modules/vue-loade r/lib/style-compiler/index?{"id":"data-v-5b26be72","scoped":false,"hasInlineConf ig":true}!sass-loader?{"sourceMap":false}!../../../node_modules/vux-loader/src/s tyle-loader.js!../../../node_modules/vue-loader/lib/selector?type=styles&index=0 !./index.vue !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}! ../../../node_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-72aff196 ","scoped":false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../. ./node_modules/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/l ib/selector?type=styles&index=0!./index.vue !!vue-style-loader!css-loader?{"mini mize":false,"sourceMap":false}!../../../node_modules/vue-loader/lib/style-compil er/index?{"id":"data-v-ddf34d6a","scoped":false,"hasInlineConfig":true}!sass-loa der?{"sourceMap":false}!../../../node_modules/vux-loader/src/style-loader.js!../ ../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Flexbox.vue !!v ue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../node_mo dules/vue-loader/lib/style-compiler/index?{"id":"data-v-0f003504","scoped":false ,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modules/v ux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector?type =styles&index=0!./FlexboxItem.vue !!vue-style-loader!css-loader?{"minimize":fals e,"sourceMap":false}!../../../node_modules/vue-loader/lib/style-compiler/index?{ "id":"data-v-3d2cd511","scoped":false,"hasInlineConfig":true}!sass-loader?{"sour ceMap":false}!../../../node_modules/vux-loader/src/style-loader.js!../../../node _modules/vue-loader/lib/selector?type=styles&index=0!./Tab.vue !!vue-style-loade r!css-loader?{"minimize":false,"sourceMap":false}!../../../node_modules/vue-load er/lib/style-compiler/index?{"id":"data-v-1c51e378","scoped":false,"hasInlineCon fig":true}!sass-loader?{"sourceMap":false}!../../../node_modules/vux-loader/src/ style-loader.js!../../../node_modules/vue-loader/lib/selector?type=styles&index= 0!./TabItem.vue utils/variable.js utils/mixins.js

This relative module was not found:

• ../overlay in ./~/babel-loader/lib!./~/vux-loader/src/script-loader.js!./~/vue -loader/lib/selector.js?type=script&index=0!./src/components/popup/index.vue

  WAIT Compiling... 14:20:25

Build completed in 0.435s

ERROR Failed to compile with 22 errors 14:20:25

These dependencies were not found:

• !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../no de_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-e3d6c2b0","scoped": false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modu les/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector ?type=styles&index=0!./index.vue in ./src/components/daterange/index.vue
• !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../no de_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-21593c29","scoped": false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modu les/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector ?type=styles&index=0!./index.vue in ./src/components/daterange-picker/index.vue
• !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../no de_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-609547c5","scoped": false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modu les/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector ?type=styles&index=0!./index.vue in ./src/components/popup/index.vue
• !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../no de_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-5b26be72","scoped": false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modu les/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector ?type=styles&index=0!./index.vue in ./src/components/divider/index.vue
• !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../no de_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-72aff196","scoped": false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modu les/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector ?type=styles&index=0!./index.vue in ./src/components/icon/index.vue
• !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../no de_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-ddf34d6a","scoped": false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modu les/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector ?type=styles&index=0!./Flexbox.vue in ./src/components/flexbox/Flexbox.vue
• !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../no de_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-0f003504","scoped": false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modu les/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector ?type=styles&index=0!./FlexboxItem.vue in ./src/components/flexbox/FlexboxItem.v ue
• !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../no de_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-3d2cd511","scoped": false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modu les/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector ?type=styles&index=0!./Tab.vue in ./src/components/tab/Tab.vue
• !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../no de_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-1c51e378","scoped": false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modu les/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector ?type=styles&index=0!./TabItem.vue in ./src/components/tab/TabItem.vue
• utils/variable.js in ./~/babel-loader/lib!./~/vux-loader/src/script-loader.js! ./~/vue-loader/lib/selector.js?type=script&index=0!./src/components/daterange/in dex.vue, ./~/babel-loader/lib!./~/vux-loader/src/script-loader.js!./~/vue-loader /lib/selector.js?type=script&index=0!./src/components/daterange-picker/index.vue and 7 others
• utils/mixins.js in ./~/babel-loader/lib!./~/vux-loader/src/script-loader.js!./ ~/vue-loader/lib/selector.js?type=script&index=0!./src/components/daterange/inde x.vue, ./~/babel-loader/lib!./~/vux-loader/src/script-loader.js!./~/vue-loader/l ib/selector.js?type=script&index=0!./src/components/popup/index.vue and 1 other

To install them, you can run: npm install --save !!vue-style-loader!css-loader?{ "minimize":false,"sourceMap":false}!../../../node_modules/vue-loader/lib/style-c ompiler/index?{"id":"data-v-e3d6c2b0","scoped":false,"hasInlineConfig":true}!sas s-loader?{"sourceMap":false}!../../../node_modules/vux-loader/src/style-loader.j s!../../../node_modules/vue-loader/lib/selector?type=styles&index=0!./index.vue !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../node _modules/vue-loader/lib/style-compiler/index?{"id":"data-v-21593c29","scoped":fa lse,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_module s/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector?t ype=styles&index=0!./index.vue !!vue-style-loader!css-loader?{"minimize":false," sourceMap":false}!../../../node_modules/vue-loader/lib/style-compiler/index?{"id ":"data-v-609547c5","scoped":false,"hasInlineConfig":true}!sass-loader?{"sourceM ap":false}!../../../node_modules/vux-loader/src/style-loader.js!../../../node_mo dules/vue-loader/lib/selector?type=styles&index=0!./index.vue !!vue-style-loader !css-loader?{"minimize":false,"sourceMap":false}!../../../node_modules/vue-loade r/lib/style-compiler/index?{"id":"data-v-5b26be72","scoped":false,"hasInlineConf ig":true}!sass-loader?{"sourceMap":false}!../../../node_modules/vux-loader/src/s tyle-loader.js!../../../node_modules/vue-loader/lib/selector?type=styles&index=0 !./index.vue !!vue-style-loader!css-loader?{"minimize":false,"sourceMap":false}! ../../../node_modules/vue-loader/lib/style-compiler/index?{"id":"data-v-72aff196 ","scoped":false,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../. ./node_modules/vux-loader/src/style-loader.js!../../../node_modules/vue-loader/l ib/selector?type=styles&index=0!./index.vue !!vue-style-loader!css-loader?{"mini mize":false,"sourceMap":false}!../../../node_modules/vue-loader/lib/style-compil er/index?{"id":"data-v-ddf34d6a","scoped":false,"hasInlineConfig":true}!sass-loa der?{"sourceMap":false}!../../../node_modules/vux-loader/src/style-loader.js!../ ../../node_modules/vue-loader/lib/selector?type=styles&index=0!./Flexbox.vue !!v ue-style-loader!css-loader?{"minimize":false,"sourceMap":false}!../../../node_mo dules/vue-loader/lib/style-compiler/index?{"id":"data-v-0f003504","scoped":false ,"hasInlineConfig":true}!sass-loader?{"sourceMap":false}!../../../node_modules/v ux-loader/src/style-loader.js!../../../node_modules/vue-loader/lib/selector?type =styles&index=0!./FlexboxItem.vue !!vue-style-loader!css-loader?{"minimize":fals e,"sourceMap":false}!../../../node_modules/vue-loader/lib/style-compiler/index?{ "id":"data-v-3d2cd511","scoped":false,"hasInlineConfig":true}!sass-loader?{"sour ceMap":false}!../../../node_modules/vux-loader/src/style-loader.js!../../../node _modules/vue-loader/lib/selector?type=styles&index=0!./Tab.vue !!vue-style-loade r!css-loader?{"minimize":false,"sourceMap":false}!../../../node_modules/vue-load er/lib/style-compiler/index?{"id":"data-v-1c51e378","scoped":false,"hasInlineCon fig":true}!sass-loader?{"sourceMap":false}!../../../node_modules/vux-loader/src/ style-loader.js!../../../node_modules/vue-loader/lib/selector?type=styles&index= 0!./TabItem.vue utils/variable.js utils/mixins.js

This relative module was not found:

• ../overlay in ./~/babel-loader/lib!./~/vux-loader/src/script-loader.js!./~/vue -loader/lib/selector.js?type=script&index=0!./src/components/popup/index.vue

[yunfeihuang]

没有安装和配置sass依赖

[wuhaoran0409]

怎么安装呢？我不太会，能不能给我发一个教程 谢谢