代码之家  ›  专栏  ›  技术社区  ›  Geoff

Jest with vuejs import es6失败语法错误:意外标记<

  •  0
  • Geoff  · 技术社区  · 7 年前

    import ContactForm from "../components/Contact/ContactForm.vue";
    import { mount } from '@vue/test-utils'
    
    describe("Contact Form", () => {
    
    });
    

    但是现在我得到一个错误SyntaxError:在import ContactForm中出现意外的token<

    <template>
        my form is here
    </template>
    <script>
        export default{
            data:()=>({
                contact_form:{
                    first_name:'',
                    last_name:'',
                    email:'',
                    message:'',
                }
            }),
            methods:{
                ContactUs(){
                   //stuff
                }
            }
        }
    </script>
    
    1 回复  |  直到 7 年前
        1
  •  1
  •   Reynicke    7 年前

    它不是这样开箱即用的。通常您有Webpack和vue加载程序来处理单个文件组件文件(.vue)。他们做的工作,分裂模板,脚本和模板。如果您运行jest,则不涉及任何网页包,因此您必须进行一些配置工作,并为jest准备代码。

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

    看看那部分: