nuxt.js 中报错 Unexpected token import 如何解决？

Question

问题描述

使用vue-qr生成二维码的时候报错。

<template>
<div class="bgfff">

<vue-qr :size="200" text="hello world!"></vue-qr>

</div>
</template>
<script>
import ClipboardJS from "clipboard";
import VueQr from "vue-qr";
import {

Toast

} from "vant";
export default {

head() {    return {        title: "美化教程"
    };
},components:{
    VueQr
},data() {    return {        ddkUrl: require("~/assets/images/help/dkd-qrcode.png"),        config:{            value:'www.baidu.com'
            // imagePath:
        },
     
},

};
</script>