uni-app HBuilderX开发PC项目时 状态管理器无法识别es6的...运算符

uni-app HBuilderX开发PC项目时 状态管理器无法识别es6的…运算符

操作步骤：

无

预期结果：

逾期正常

实际结果：

十几不正常

bug描述：

工具上运行报错,浏览器报错

图片

Image 1 Image 2 Image 3

信息项 值
产品分类 HbuilderX
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 19042.572
HBuilderX版本号 3.2.3

更多关于uni-app HBuilderX开发PC项目时 状态管理器无法识别es6的...运算符的实战教程也可以访问 https://www.itying.com/category-93-b0.html

1 回复

更多关于uni-app HBuilderX开发PC项目时 状态管理器无法识别es6的...运算符的实战教程也可以访问 https://www.itying.com/category-93-b0.html


这个问题是由于HBuilderX内置的编译器对ES6扩展运算符（...）支持不完整导致的。在PC端开发时，状态管理器的代码可能被编译到非ES6兼容的环境中执行。

解决方案：

  1. 配置babel转译：确保项目中的ES6语法能被正确转译。在项目根目录创建或修改babel.config.js文件，添加以下配置：
module.exports = {
  presets: [
    ['@vue/app', {
      useBuiltIns: 'entry'
    }]
  ]
}
  1. 检查编译器配置：在manifest.json中确认编译配置：
{
  "vue": {
    "compilerOptions": {
      "isCustomElement": false
    }
  }
}
  1. 使用替代写法：临时解决方案是避免在状态管理器中使用扩展运算符，改用传统写法：
// 替代 ...state
Object.assign({}, state, { newProp: value })
回到顶部