如何让jest支持es6的可选链运算符？

Question

如题：我在vue的组件中使用了可选链运算符，但是在运行jest的时候报错不支持这个属性，猜想到可能是babel的问题，但是不知道如何配置，我已经在jest.config.js的transform配置了babel-jest,
查询了很多的资料都是说的typescript的，请问如何解决？

jest.config.js

 transform: {
    '^.+\\.js$': 'babel-jest',
    '.*\\.(vue)$': 'vue-jest',
    '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$':
      'jest-transform-stub',
  },

xxx.vue

<div
   class="popover-arrow"
  :style="{ borderBottomColor: $__GAME__?.tips?.bgColor || '' }"></div>

Answer 1

需要显式地告诉 jest，针对vue文件，使用本地 babel config。

globals: {
    'vue-jest': {
        babelConfig: true,
    }
},

如果还不行的话，尝试换个模板编译插件试试：vue-template-babel-compiler。
可参考官方issue: https://github.com/vuejs/vue-...