Я пытаюсь добавить модульный тест для существующего проекта Vue с Typescript.Я следовал инструкциям по vue-test-utils для машинописного текста (https://vue -test-utils.vuejs.org / zh / guides / using-with-typescript.html ).Однако при запуске теста я получил следующую ошибку:
TypeError: Cannot destructure property 'polyfills' of 'undefined' or 'null'. While processing preset:
Что я пробовал: я попытался переустановить зависимости babel, такие как babel-core.Пересмотрел конфигурации.Не работает.
Я попытался снять монтирование компонента, и ошибка исчезла.Кажется, есть некоторые проблемы с монтированием компонента.
Вот небольшой пример кода, который я пробовал:
//component
<template>
<div>{{msg}}</div>
</template>
<script lang="ts">
export default {
name: "HelloWorld",
props: {
msg: String
}
};
</script>
//spec.ts
import { shallowMount } from '@vue/test-utils'
import HelloWorld from '../HelloWorld.vue'
describe('HelloWorld.vue', () => {
test('renders props.msg when passed', () => {
const msg = 'new message'
const wrapper = shallowMount(HelloWorld, {
propsData: { msg }
})
expect(wrapper.text()).toMatch(msg)
})
})
Я немного запутался в стеке ошибок.Что-то не так, я мог бы это исправить?