🐣 【Vue課題】3章 : Listを作成できるようにしよう【3-1】
作成日: 2021/12/12
3

3-1 ListAddコンポーネントを作成しよう

進捗

  • eslint警告を消す、/* eslint-disable */で非表示

「2. 「フォームボタンが押下されたら、リストを作成する」仕組みを実装しよう」
store/index.jsを入力しはじめると画面表示されなくなってしまう↓↓
サンプルコードのままのはずなのになぜか、、やり直す

スクリーンショット 2021-12-12 17.25.07.png

わからないところ

  • ストアのstate←??
  • リストのデータの状態をストアで管理←??
  • storeの4つの機能??
  • Module not found: Error: Can't resolve 'vuex' inエラー
    → vuexインストールし直し

感想

いきなり難しくなった感じがあります、、

実装メモ

プロジェクトにinstallしたVue.jsのバージョン

techpit-my-trello % npm list vue    
techpit-my-trello@0.1.0 /Applications/MAMP/htdocs/Web/JavaScript/techpit-my-trello
└── UNMET PEER DEPENDENCY vue@2.6.14 

npm ERR! peer dep missing: vue@^3.0.2, required by vuex@4.0.2

グローバルにinstallしたVue.jsのバージョン

techpit-my-trello %  npm list -g vue
/Users/kazumatakanashi/.nodebrew/node/v14.18.1/lib
└─┬ @vue/cli@4.5.15
  └── vue@2.6.14 

vuexがインストールできていない?→no vuex store detected

スクリーンショット 2021-12-13 20.00.05.png

☆解決☆

vuexが、devDependenciesではなく、dependenciesにあるのが正。
橋本さんに教えていただき解決しました。ありがありがとうございます!
✗:npm i --save-dev vuex
○:npm i vuex

スクリーンショット 2021-12-13 21.54.29.png