踩坑:vue项目js文件报store undefined
文件目录大致为:srcapi.jsstoremodulescontent.jsutils.jsutils.js中:import store from '@/store'console.log(store)store.commit('SET_HOST', location.hostname)export isLocal = location.hostname === 'localhost'api.j
·
文件目录大致为:
src 下
api.js
store/modules/content.js
utils.js
代码:
utils.js中:
import store from '@/store'
console.log(store)
store.commit('SET_HOST', location.hostname)
export isLocal = location.hostname === 'localhost'
api.js中:
import { isLocal } from '@/utils'
console.log(isLocal)
export function fetchServer(data = {}) {
return Axios.request(xxx)
}
此时报:
Uncaught TypeError: Cannot read properties of undefined (reading 'commit')
此时utils.js中的store为undefined
注释掉 api.js中的
// import { isLocal } from '@/utils'
则能正常打印store。
经排查后得知:
store中的content.js 中引用了api.js中的方法,
api.js中引用了utils.js,utils.js中引用了store
循环引用导致
import { fetchServer } from '@/api'
export default {
actions: {
getServer: async({ commit }, data) => {
const result = await fetchServer())
commit('xxx', result)
},
}
}
解决方法:
去掉api.js中引用的 utils.js,另写方法
更多推荐
已为社区贡献1条内容
所有评论(0)