typescript
1 2import SheetList from '../../../../data/sheet/sheetList' 3var sheetList = new SheetList() 4 5export const mainAreaModule = { 6 namespaced: true, 7 state: { 8 sheetList: sheetList.getSheetAll() 9 }, 10 mutations: { 11 'SEARCH_SHEET'(state, searchWord : string) { 12 state.sheetList = sheetList.getSheetSearch(searchWord) 13 }, 14 }, 15 actions: { 16 'SEARCH_SHEET'( { commit } , searchWord : string) { 17 commit('SEARCH_SHEET', searchWord) 18 } 19 }, 20 getters:{ 21 'GET_SHEET_LIST': state => {return state.sheetList} 22 }, 23 modules : { 24 sheetModule : sheetModule 25 } 26}
上はvuexのモジュールの一部です
ここにstateとかcommitとかの型情報を書きたいです
http://slides.com/ktsn/typings-for-safe-vuex#/
その方法がここにあったので、試してみたのですが、
import { DefineModule } from 'vuex'
DesignModuleがないみたいで、importできませんでした
vuexのバージョンに問題があるのかなと思いv3.0.1だったのですが、そこから少しずつ下げていきました
https://github.com/vuejs/vuex/releases
v2.4.0まで試したのですが、DefinModuleはありませんでした
v2.4.0未満のバージョンは使えません
v2.4.0で
New helper method createNamespacedHelpers
とあり、createNamespacedHelpersが初めて追加されているみたいです
http://slides.com/ktsn/typings-for-safe-vuex#/5/3
createNamespacedHelpers
import { createNamespacedHelpers } from 'vuex'
こちらで createNamespacedHelpers を使っているので、v2.4.0未満は使えません
どのようにすればよろしいでしょうか
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2018/06/23 14:55