Я наткнулся на ошибку при тестировании с использованием этого шаблона https://github.com/chrisvfritz/vue-enterprise-boilerplate
Я использовал команду yarn new module для создания нового модуля vuex для тестирования моего приложения. Однако я наткнулся на следующую ошибку:
src / state / modules / team.unit. js ● Не удалось запустить набор тестов
TypeError: require.context is not a function
11 | // Allow us to dynamically require all Vuex module files.
12 | // https://webpack.js.org/guides/dependency-management/#require-context
> 13 | const requireModule = require.context(
| ^
14 | // Search for files in the current directory.
15 | '.',
16 | // Search for files in subdirectories.
at updateModules (src/state/modules/index.js:13:33)
at Object.<anonymous> (src/state/modules/index.js:10:2)
at Object.<anonymous> (src/utils/dispatch-action-for-all-modules.js:1:1)
at Object.<anonymous> (src/state/store.js:3:1)
at Object.<anonymous> (src/main.js:4:1)
at Object.<anonymous> (src/services/api-instance.js:2:1)
at Object.<anonymous> (src/services/team.js:2:1)
at Object.<anonymous> (src/state/modules/team.js:1:1)
at Object.<anonymous> (src/state/modules/team.unit.js:1:1)
Эта ошибка возникает на каждом модуле vuex файл.
Ниже приведен пример модуля vuex:
import { GetTeamList } from '@src/services/team'
export const state = {
teamList: [],
}
export const getters = {
totalList({ state }) {
return state.teamList.totalItemCount
},
}
export const mutations = {
SET_LIST(state, newList) {
state.teamList = newList
},
}
export const actions = {
async fetchList() {
const resp = await GetTeamList()
console.log(resp)
},
}
And this is its test:
import * as teamModule from './team'
describe('@state/modules/team', () => {
it('exports a valid Vuex module', () => {
expect(teamModule).toBeAVuexModule()
})
})