Javascript &引用；SyntaxError:无效或意外标记“；在测试导入图像的组件时

我正在构建一个组件的测试，该组件从常量文件调用图像的url。该组件工作正常，但运行测试时出现以下错误：

SyntaxError: Invalid or unexpected token
61 |     image: require('~/assets/right_facing_bird_in_tree.png'),
   |            ^

我不知道为什么常量文件上的require语句对于jest无效，但是我需要它来正确地呈现de图像

组件.vue

<template>
  <div>
    <div v-if="content.image" class="staff-photo">
      <img
        :id="content.identifier"
        :src="content.image"
        :style="{ height: content.imageHeight }"
      />
    </div>
  </div>
</template>

<script>
export default {
  props: ['content']
};
</script>

jest.config.js

module.exports = {
  moduleNameMapper: {
    '^@/(.*)$': '<rootDir>/$1',
    '^~/(.*)$': '<rootDir>/$1',
    '^vue$': 'vue/dist/vue.common.js'
  },
  moduleFileExtensions: [
    'js',
    'vue',
    'json'
  ],
  transform: {
    '^.+\\.js$': 'babel-jest',
    '.*\\.(vue)$': 'vue-jest'
  },
  collectCoverage: true,
  collectCoverageFrom: [
    '<rootDir>/components/**/*.vue',
    '<rootDir>/pages/**/*.vue'
  ]
}

module.exports={
模块映射：{
'^@/(.*)$': '/$1',
'^~/(.*)$': '/$1',
“^vue$”：“vue/dist/vue.common.js”
},
moduleFileExtensions：[
"js",，
“vue”，
“json”
],
转换：{
“^.+\\.js$”：“巴贝尔笑话”，
“.\\\（vue）$”：“vue笑话”
},
报道：是的，
收款人：[
“/components/***.vue”，
“/pages/***.vue”
]
}

module.exports = {
  moduleNameMapper: {
    '^@/(.*)$': '<rootDir>/$1',
    '^~/(.*)$': '<rootDir>/$1',
    '^vue$': 'vue/dist/vue.common.js'
  },
  moduleFileExtensions: [
    'js',
    'vue',
    'json'
  ],
  transform: {
    '^.+\\.js$': 'babel-jest',
    '.*\\.(vue)$': 'vue-jest'
  },
  collectCoverage: true,
  collectCoverageFrom: [
    '<rootDir>/components/**/*.vue',
    '<rootDir>/pages/**/*.vue'
  ]
}