You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Vuex store出现8:3 Parsing error: Unexpected keyword 'new'错误如何解决?

报错触发原因
  • 核心语法错误:声明store变量时错误使用对象字面量的{}包裹new Vuex.Store()实例化语句。对象字面量内部要求遵循键名: 键值的语法格式,直接写入new关键字不符合JS对象语法规则,因此触发“Unexpected keyword 'new'”的解析错误。
  • 额外语法问题:new Vuex.Store(...)语句末尾多余的分号;,在对象字面量内部不允许出现分号作为语句结束符。
  • 隐藏逻辑错误:把修改state的increment方法写在了getters配置中,Vuex的getters仅用于声明派生状态的计算方法,不允许修改state,修改state的操作必须放在mutations中声明。
修复步骤
  1. 把包裹new Vuex.Store()的对象字面量{}去掉,直接将实例化结果赋值给store变量
  2. 删除new Vuex.Store(...)末尾多余的分号
  3. 将increment方法从getters移动到mutations配置项中
修复后完整代码
// Vuex store
import Vue from 'vue';
import Vuex from 'vuex';

Vue.use(Vuex);

export const store = new Vuex.Store({
  state: {
    count: 0,
  },
  mutations: {
    increment: (state) => {
      state.count += 1;
    },
  }
})

内容的提问来源于stack exchange,提问作者nikoloz gabidzashvili

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.07 04:51:03