前提・実現したいこと
ここに質問の内容を詳しく書いてください。
Vue.js+Railsでdatepikerを使いたいが、Uncaught Error: Cannot find module "pikaday"が出てほとほと困り果てています。参考にしているのはこちらのページです。
https://enrian.github.io/vue-pikaday/guide/installation.html
このようにやっているのですが、なぜかうまくいきません。
ご回答よろしくお願いいたします。
発生している問題・エラーメッセージ
vue-pikaday.js:1 Uncaught Error: Cannot find module "pikaday" at webpackMissingModule (vue-pikaday.js:1) at vue-pikaday.js:1 at Object.<anonymous> (vue-pikaday.js:1) at Object.<anonymous> (vue-pikaday.js:2) at __webpack_require__ (bootstrap 39f035acf474c34c6376:19) at Object.<anonymous> (todo.js:1) at __webpack_require__ (bootstrap 39f035acf474c34c6376:19) at bootstrap 39f035acf474c34c6376:62 at bootstrap 39f035acf474c34c6376:62 webpackMissingModule @ vue-pikaday.js:1 (anonymous) @ vue-pikaday.js:1 (anonymous) @ vue-pikaday.js:1 (anonymous) @ vue-pikaday.js:2 __webpack_require__ @ bootstrap 39f035acf474c34c6376:19 (anonymous) @ todo.js:1 __webpack_require__ @ bootstrap 39f035acf474c34c6376:19 (anonymous) @ bootstrap 39f035acf474c34c6376:62 (anonymous) @ bootstrap 39f035acf474c34c6376:62
該当のソースコード
Javascript
1<template> 2 <vue-pikaday 3 v-model="now" 4 placeholder="Pick a date" 5 @focus="triggerFocus()" 6 @blur="triggerBlur()" 7 /> 8</template> 9 10<script> 11 import '@enrian/vue-pikaday'; 12 13 export default { 14 data() { 15 return { 16 now: null 17 } 18 }, 19 methods: { 20 triggerFocus() { 21 console.log('focus triggered'); 22 }, 23 triggerBlur() { 24 console.log('blur triggered') 25 } 26 } 27 } 28</script> 29
Javascript
1import Vue from 'vue/dist/vue.esm.js' 2import VuePikaday from '@enrian/vue-pikaday'; 3Vue.use(VuePikaday); 4var app = new Vue({ 5 el: '#app', 6 components: { 7 'navbar': Header, 8 } 9}); 10
slim
1#datepicker-default.form-group 2 label.col-sm-3.control-label 3 | Default 4 .col-sm-9.form-inline 5 .input-group.date 6 input.form-control[type="text" value="20170621"] 7 .input-group-addon 8 i.fa.fa-calendar 9 10#date-picker 11 input 12 13#app 14 navbar 15= javascript_pack_tag 'todo' 16 17javascript: 18 $(function () { 19 //Default 20 $('#datepicker-default .date').datepicker({ 21 format: "yyyy年mm月dd日", 22 language: 'ja', 23 autoclose: true 24 }); 25 26 }); 27 $('#datepicker').datepicker(); 28 29
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/08/30 11:50
2018/08/30 11:54
2018/08/30 12:01
2018/08/30 12:17
2018/08/30 12:23
2018/08/30 12:33
2018/08/30 21:57