Question

我正在使用玩笑，并且在导入组件时遇到错误

import ContactForm from "../components/Contact/ContactForm.vue";
import { mount } from '@vue/test-utils'

describe("Contact Form", () => {

});

但是现在出现错误SyntaxError：导入ContactForm上出现意外的令牌<< / p>

要进行导入，我需要添加什么

这是我的联系表中的内容

<template>
    my form is here
</template>
<script>
    export default{
        data:()=>({
            contact_form:{
                first_name:'',
                last_name:'',
                email:'',
                message:'',
            }
        }),
        methods:{
            ContactUs(){
               //stuff
            }
        }
    }
</script>

Answer 1

开箱即用，它不能像这样工作。通常，您具有Webpack和vue-loader，用于处理单个文件组件文件（.vue）。他们完成拆分模板，脚本和模板的工作。如果运行jest，则不会涉及Webpack，因此您必须做一些配置工作并为jest准备代码。

有一个描述过程的教程： https://hackernoon.com/jest-for-all-episode-1-vue-js-d616bccbe186

看看那部分：

要做到这一点，我们需要做的就是指示Jest预处理文件>返回一个对我们和Vue都适用的JS对象。

用vuejs import es6开玩笑的语法错误：意外的令牌<

1 个答案: