时间戳

首页 > 解决方案 > babel-jest 不填充 Array.flat

jestjs - babel-jest 不填充 Array.flat

问题描述

我Array.flat()在我的 Vue 应用程序中使用，我的测试以TypeError: variable.flat is not a function.

我已经发现了一些 github 问题，但没有一个可以提供帮助：

链接 1 链接 2

任何想法为什么 babel 不填充 Array.flat 函数？

我的配置（全部位于根目录中）

.browserslistrc

defaults

babel.config.js

module.exports = {
  presets: [
    '@vue/app',
  ],
};

jest.config.js

  moduleFileExtensions: [
    'js',
    'jsx',
    'json',
    'vue',
  ],
  transform: {
    '^.+\\.vue$': 'vue-jest',
    '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
    '^.+\\.jsx?$': 'babel-jest',
  },
  transformIgnorePatterns: [
    '/node_modules/',
  ],
  moduleNameMapper: {
    '^@/(.*)$': '<rootDir>/src/$1',
  },
...
};

};

包.json

  "name": "bpceitenmanger",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@mdi/font": "^3.7.95",
    "chart.js": "^2.8.0",
    "core-js": "^2.6.5",
    "date-fns": "^1.30.1",
    "lodash": "^4.17.15",
    "uuid": "^3.3.2",
    "vue": "^2.6.10",
    "vue-chartjs": "^3.4.2",
    "vue-clipboard2": "^0.3.0",
    "vue-i18n": "^8.0.0",
    "vue-router": "^3.0.3",
    "vuelidate": "^0.7.4",
    "vuetify": "^2.0.10",
    "vuex": "^3.0.1"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "^3.5.0",
    "@vue/cli-plugin-eslint": "^3.5.0",
    "@vue/cli-plugin-unit-jest": "^3.11.0",
    "@vue/cli-service": "^3.5.0",
    "@vue/eslint-config-airbnb": "^4.0.0",
    "@vue/test-utils": "1.0.0-beta.29",
    "babel-core": "7.0.0-bridge.0",
    "babel-eslint": "^10.0.1",
    "babel-jest": "^23.6.0",
    "eslint": "^5.16.0",
    "eslint-plugin-vue": "^5.0.0",
    "sass": "^1.18.0",
    "sass-loader": "^7.1.0",
    "stylus": "^0.54.5",
    "stylus-loader": "^3.0.1",
    "vue-cli-plugin-i18n": "^0.6.0",
    "vue-cli-plugin-vuetify": "^0.6.3",
    "vue-template-compiler": "^2.6.10",
    "vuetify-loader": "^1.2.2"
  }
}

标签： jestjsvue-cli-3

解决方案

愚蠢的我！

从 v10.15.3 到 v12.10.0 的简单节点更新完成了这项工作。

推荐阅读