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

[yunfeihuang]

我想使用你的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]

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