【vue】报错：mapState is not defined

gz-郭小敏

于 2019-04-16 17:09:04 发布

阅读量1.6w

点赞数 8

CC 4.0 BY-SA版权

分类专栏：报错 vue

本文链接：https://blog.youkuaiyun.com/github_39570717/article/details/89337245

报错同时被 2 个专栏收录

14 篇文章

订阅专栏

vue

11 篇文章

订阅专栏

本文详细介绍了在Vue项目中使用Vuex时遇到的mapState未定义错误，提供了具体的代码示例及解决方法，帮助开发者正确引入并使用Vuex中的mapState。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

场景：

vue-cli项目引入了vuex，在vue component模块中调用以下代码报错。

export default {
	computed:{
		...mapState({
			isLogin: state => state.isLogin,
			userName:state => state.userName,
		}),
	}
}

错误：

App.vue?26cd:42 Uncaught ReferenceError: mapState is not defined
    at eval (App.vue?26cd:42)
    at Object../node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue (app.js:222)
    at __webpack_require__ (common.js.js:713)
    at fn (common.js.js:118)
    at eval (App.vue?9e04:1)
    at Object../src/App.vue (app.js:2463)
    at __webpack_require__ (common.js.js:713)
    at fn (common.js.js:118)
    at eval (main.js?1c90:1)
    at Object../src/main.js (app.js:2553)

解决办法：

在vue component引入对应的方法，如以下的代码

import {mapState,mapMutations,mapAction } from 'vuex'
export default {
	computed:{
		...mapState({
			isLogin: state => state.isLogin,
			userName:state => state.userName,
		}),
	}
}