vue-cli-service test:unit 在 `...`（扩展运算符）上触发 "Unexpected token"

Question

在我的代码中，我使用了 ... （解构运算符）。但是我在模块构建阶段得到了“意外令牌”，我不知道如何解决这个问题？ （除了以不使用 ... 运算符的方式重写我的代码）

我使用 vue-cli-service test:unit src/**/*.spec.js 进行运行测试，

package.json:

    ...
    "devDependencies": {
        "@vue/cli-plugin-babel": "^3.12.1",
        "@vue/cli-service": "^4.5.9",
        "babel-plugin-transform-runtime": "^6.23.0",
        "babel-cli": "^6.26.0",
        ...
    },
    ...

Answer 1

要解决此问题，我需要安装 @babel/preset-env 并将其设置为 babel.config.js（在我的情况下）或 .babelrc

presets: [
    [
        '@babel/preset-env',
        {
            targets: {
                esmodules: true,
            },
        }
    ]
],

解决方案的来源是this github comment

还有targets.esmodules in depth

vue-cli-service test:unit 在 `...`（扩展运算符）上触发 "Unexpected token"

vue-cli-service test:unit trigger an "Unexpected token" on `...` (spread operator)

javascript

testing

unit-testing

vue.js

vue-cli